JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script>
<div id="chart"></div>
JavaScript
var chartData = [
{"TotalUsage":4008,"DataType":"Archive Files","ScanTime":"\/Date(1412785076000)\/","TimeID":1},
{"TotalUsage":3507,"DataType":"Executable Files","ScanTime":"\/Date(1412785076000)\/","TimeID":1},
{"TotalUsage":7007,"DataType":"Executable Files","ScanTime":"\/Date(1412871476000)\/","TimeID":2},
{"TotalUsage":8008,"DataType":"Archive Files","ScanTime":"\/Date(1412871476000)\/","TimeID":2}];
$("#chart").kendoChart({
dataSource: {
data: chartData,
sort: {
field: "ScanTime",
dir: "asc"
},
group: {
field: "DataType"
},
schema: {
model: {
fields: {
ScanTime: {
type: "date"
}
}
}
}
},
title: {
text: "test"
},
legend: {
visible: true
},
seriesDefaults: {
type: "line",
labels: {
visible: true,
background: "transparent"
}
},
series: [{
field: "TotalUsage",
categoryField: "ScanTime"
}],
valueAxis: {
labels: {
},
line: {
visible: false
}
},
categoryAxis: {
majorGridLines: {
visible: false
}
}
});