JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
JavaScript
var DELAY = 100,
chartIndex = 0;
function createChart() {
$("<div />", {
id: "chart" + chartIndex++
}).css({
width: "100px",
height: "100px",
"float": "left"
}).appendTo(document.body).kendoChart({
legend: {
visible: false
},
series: [
{
name: "Value A",
data: [10, 15, 20, 30]}
],
valueAxis: {
labels: {
visible: false
}
},
categoryAxis: {
labels: {
visible: false
}
}
});
}
$(document).ready(function() {
for (var i = 0; i < 42; i++) {
setTimeout(function() {
createChart();
}, i * DELAY);
}
});