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

Fires when the cursor leaves a legend item.

Event Data

e.element Object

The DOM element of the plot area.

e.pointIndex Number

The point index.

e.sender kendo.dataviz.ui.Chart

The widget instance which fired the event.

e.series Object

The series options.

e.seriesIndex Number

The series index.

e.text String

The name of the series.

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [
      { data: [6, 2, 3], name: "Task 1" },
      { data: [1, 5, 2], name: "Task 2" }
    ],
    legendItemLeave: function(e){
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("Left an item with text: " + e.text);
    }
  });
</script>
<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [
      { data: [6, 2, 3], name: "Task 1" },
      { data: [1, 5, 2], name: "Task 2" }
    ]
  });
  var chart = $("#chart").data("kendoChart");
  chart.bind("legendItemLeave", function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Left an item with text: " + e.text);
  });
</script>
Not finding the help you need?
Contact Support