JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common-material.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.material.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.material.min.css">
<script src="http://cdn.kendostatic.com/2015.1.429/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.all.min.js"></script>
<div class="demo-section k-content">
    <div id="stock-chart" style="background: center no-repeat url('http://demos.telerik.com/kendo-ui/content/shared/styles/world-map.png');"></div>
    <div class="chart-loading"></div>
</div>

JavaScript

var ds;
        var reqSeries;

        function ReBindDataSource() {
            ds = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http:///vamoss.brainsen.com/API/Get.aspx?q=8&iso3=sen",
                        cache: false,
                        dataType: "json"
                    }
                },
                group: {
                    field: "ind",
                    dir: "desc"
                },
                sort: {
                    field: "date",
                    dir: "asc"
                }
            });

            ds.fetch(function () {
                if (ds._data.length > 0) {
                    var keys = Object.keys(ds._data[0]);
                    ReDrawChart(keys);
                }
            });
        }

        function createChartDyn() {
            $("#stock-chart").kendoStockChart({
                theme: "blueOpal",
                chartArea: {
                    background: "transparent"
                },
                series: [{
                    type: "line",
                    field: "val"
                }],
                title: {
                    text: "",
                    font: "bold italic 12px Arial,Helvetica,sans-serif"
                },
                dateField: "date",
                legend: {
                    background: "#D8E7F8",
                    position: "bottom",
                    visible: true,
                    labels: {
                        padding: 5,
                    },
                    border: {
                        width: 1,
                        color: "#043A68"
                    }
                },
                panes: [{
                    title: ""
                }],
                categoryAxis: [{
                    name: "labelAxis",
                    type: "date",
                    field: "date",
                    color: "#666",
                   ...