KendoUI Example: Highlighting a data point

by xawixawxaw

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id='chart'></div>

JavaScript

$(function() {
  var dataset = new Array(1, 2, 3, 4, 5, 6);
  var highlighted = new Array(null, null, null, 4, 5, 6);

  $('#chart').kendoChart({

    theme: 'metro',
    series: [

      {
        type: 'line',
        name: 'Not Highlighted',
        data: dataset,
        color: '#609'
      }, {
        type: 'line',
        name: 'Highlighted',
        data: highlighted,
        color: '#f03'
      }

    ]
  })
});