JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

kendo.ui.progress($("#container"), true);

$("#chart").kendoChart({
   dataBound: function(){                
       kendo.ui.progress($("#container"), false);
   },       
    dataSource: {
        transport: {
            read: {
                url: "/echo/json/",               
                dataType: "json",
                type: "POST",
                data: {  
                    delay: 2,                                        
                    json: JSON.stringify([
                    {
                        "year": "2008",
                        "unit": "GWh",
                        "solar": 2578,
                        "hydro": 26112,
                        "wind": 32203,
                        "nuclear": 58973
                    }, 
                    {                   
                        "year": "2007",
                        "unit": "GWh",
                        "solar": 508,
                        "hydro": 30522,
                        "wind": 27568,
                        "nuclear": 55103
                    },
                    {
                        "country": "Spain",
                        "year": "2006",
                        "unit": "GWh",
                        "solar": 119,
                        "hydro": 29831,
                        "wind": 23297,
                        "nuclear": 60126
                    }
                    ])
                }
            }
        },
        sort: {
            field: "year",
            dir: "asc"
        }
    },
    title: {
                text: "Spain electricity production (GWh)"
            },
            legend: {
                position: "top"
            },
            seriesDefaults: {
                type: "line"
            },
            series:
            [{
                field: "nuclear",
                name: "Nuclear"
            }, {
                field: "hydro",
                name: "Hydro"
            }, {
                field:...