New to Kendo UI for jQuery? Start a free 30-day trial

Series.legendItem.markers.border

configuration

The border of the markers.

series.legendItem.markers.border

Object|Function

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    name: "Series A",
    data: [1, 2, 3],
    legendItem: {
      markers: {
        border: {
          color: "red",
          width: 2,
          dashType: "dash"
        }
      }
    }
  }]
});
</script>

series.legendItem.markers.border.color

String|Function

The configuration of the Chart legend item markers border.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    name: "Series A",
    data: [1, 2, 3],
    legendItem: {
      markers: {
        border: {
          color: "red",
          width: 2
        }
      }
    }
  }]
});
</script>

series.legendItem.markers.border.dashType

String

The dash type of the legend item border.

The following dash types are supported:

"dash" - a line consisting of dashes
"dashDot" - a line consisting of a repeating pattern of dash-dot
"dot" - a line consisting of dots
"longDash" - a line consisting of a repeating pattern of long-dash
"longDashDot" - a line consisting of a repeating pattern of long-dash-dot
"longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot
"solid" - a solid line

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    name: "Series A",
    data: [1, 2, 3],
    legendItem: {
      markers: {
        border: {
          color: "black",
          width: 2,
          dashType: "dash"
        }
      }
    }
  }]
});
</script>