JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css "></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.default.min.css">
 <div id="chart"></div>

JavaScript

$().ready(function () {
            setTimeout(function () { createChart(); }, 400);
        });
        var graphData = [{ 'Date': '1/2011', 'a1c4204334974b5090b5b268238c1c64': 2 }, { 'Date': '2/2011', 'a1c4204334974b5090b5b268238c1c64': 6 }, { 'Date': '3/2011', 'a1c4204334974b5090b5b268238c1c64': 12 }, { 'Date': '4/2011', 'a1c4204334974b5090b5b268238c1c64': 19 }, { 'Date': '5/2011', 'a1c4204334974b5090b5b268238c1c64': 20 }, { 'Date': '6/2011', 'a1c4204334974b5090b5b268238c1c64': 22 }, { 'Date': '7/2011', 'a1c4204334974b5090b5b268238c1c64': 34 }, { 'Date': '8/2011', 'a1c4204334974b5090b5b268238c1c64': 40 }, { 'Date': '9/2011', 'a1c4204334974b5090b5b268238c1c64': 47 }, { 'Date': '10/2011', 'a1c4204334974b5090b5b268238c1c64': 48 }, { 'Date': '11/2011', 'a1c4204334974b5090b5b268238c1c64': 49 }, { 'Date': '12/2011', 'a1c4204334974b5090b5b268238c1c64': 52}];
        function createChart() {
            $('#chart').kendoChart({
                theme: $(document).data('kendoSkin') || 'default',
                dataSource: { data: graphData },
                title: { text: 'My Graph', color: '#000', font: '16px Arial,Helvetica,sans-serif; font-weight: bold;' },
                legend: { visible: false, position: 'bottom', offsetX: 25, border: { width: 1, color: '#C0C0C0'} },
                seriesDefaults: { type: 'line' },
                series: [{ field: 'a1c4204334974b5090b5b268238c1c64', name: '' }, { field: 'a1c4204334974b5090b5b268238c1c64', name: ''}],
                categoryAxis: { field: 'Date', title: { text: 'Time', font: '14px Arial,Helvetica,sans-serif;' },
                    labels: { rotation: -90, step: 3}
                },
                valueAxis: { title: { text: 'Count', font: '14px Arial,Helvetica,sans-serif;' },
                    labels: { format: '{0:N0}'}
                },
                tooltip: { visible: true, format: '{0:N0}' },
                seriesColors: ["#4575B4"]
            });
        }