JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
<div id="chart">
<div class="chart-wrapper">
</div>
</div>
JavaScript
setTimeout(function () {
$("#chart").kendoChart({
theme: $(document).data("kendoSkin") || "Silver",
title: {
text: "Internet Users"
},
legend: {
position: "bottom"
},
chartArea: {
background: ""
},
seriesDefaults: {
type: "bar"
},
series: [{
name: "Actual",
data: [5]
}, {
name: "Target",
data: [10]
}],
valueAxis: {
labels: {
format: "{0}"
}
},
tooltip: {
visible: true,
format: "{0}"
}
});
}, 400);