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

Series.highlight.markers

configuration

The markers configuration of the series highlight.

series.highlight.markers

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    markers: {
      visible: true,
      type: "roundedRect"
    },
    highlight: {
      markers: {
        border: {
          color: 'blue',
          width: 2
        },
        color: 'red'
      }
    },
    data: [1, 2, 3]
  }]
});
</script>

series.highlight.markers.border

The border of the highlighted markers.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    markers: {
      visible: true,
      type: "roundedRect"
    },
    highlight: {
      markers: {
        border: {
          color: 'blue',
          width: 2
        }
      }
    },
    data: [1, 2, 3]
  }]
});
</script>

series.highlight.markers.color

The color of the highlighted marker.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    markers: {
      visible: true,
      type: "triangle"
    },
    highlight: {
      markers: {
        color: 'orange'
      }
    },
    data: [1, 2, 3]
  }]
});
</script>

Series.highlight.markers

series.highlight.markers

series.highlight.markers.border

series.highlight.markers.color

Related Members