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

Series.legendItem.highlight

configuration

The highlight configuration of the legend item.

series.legendItem.highlight

Object

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

series.legendItem.highlight.markers

Object

The markers configuration of the legend item when it is hovered.

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

series.legendItem.highlight.visible

Boolean

If set to false, the hover effect of the legend item is disabled.

Default: true

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

Series.legendItem.highlight

series.legendItem.highlight

series.legendItem.highlight.markers

series.legendItem.highlight.visible

Related Members