JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2015.1.408/js/kendo.all.min.js"> </script>
<div id="chart"></div>
JavaScript
var seriesData = [{
year: "2000",
sold: 100,
produced: 200
}, {
year: "2001",
sold: 250,
produced: 280
}];
var seriesData2 = [{
year: "2002",
sold: 140,
produced: 240
}, {
year: "2004",
sold: 350,
produced: 380
}];
function createChart() {
$("#chart")
.kendoChart({
dataSource: {
data: seriesData
},
series: [{
name: "Sold",
field: "sold"
}, {
name: "Producted",
field: "produced"
}],
categoryAxis: {
field: "year"
}
})
}
$(document)
.ready(createChart);