JSFiddle - React, Tailwind, and code Playground

by norol

HTML

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

JavaScript

$(document).ready(function () {
    var dataU1B1 = [{
        "timestamp": "2012-11-11T01:00:26.523",
            "valueB1": -0.1649
    }, {
        "timestamp": "2012-11-11T01:05:25.835",
            "valueB1": -0.187
    }, {
        "timestamp": "2012-11-11T01:10:30.944",
            "valueB1": -0.2156
    }, {
        "timestamp": "2012-11-11T01:15:25.648",
            "valueB1": -0.1764
    }, {
        "timestamp": "2012-11-11T01:20:26.366",
            "valueB1": -0.1981
    }, {
        "timestamp": "2012-11-11T01:25:30.476",
            "valueB1": -0.1642
    }, {
        "timestamp": "2012-11-11T01:30:30.804",
            "valueB1": -0.1337
    }, {
        "timestamp": "2012-11-11T01:35:25.304",
            "valueB1": -0.0922
    }, {
        "timestamp": "2012-11-11T01:40:26.038",
            "valueB1": -0.075
    }, {
        "timestamp": "2012-11-11T01:45:25.148",
            "valueB1": -0.0487
    }, {
        "timestamp": "2012-11-11T01:00:23.913",
            "valueU1": 0.0856
    }, {
        "timestamp": "2012-11-11T01:05:23.226",
            "valueU1": 0.1041
    }, {
        "timestamp": "2012-11-11T01:10:28.335",
            "valueU1": 0.0856
    }, {
        "timestamp": "2012-11-11T01:15:23.038",
            "valueU1": 0.1041
    }, {
        "timestamp": "2012-11-11T01:20:23.757",
            "valueU1": 0.1041
    }, {
        "timestamp": "2012-11-11T01:25:27.882",
            "valueU1": 0.0855
    }, {
        "timestamp": "2012-11-11T01:30:28.194",
            "valueU1": -0.0627
    }, {
        "timestamp": "2012-11-11T01:35:22.710",
            "valueU1": -0.1
    }, {
        "timestamp": "2012-11-11T01:40:23.429",
            "valueU1": -0.0813
    }, {
        "timestamp": "2012-11-11T01:45:22.554",
            "valueU1": -0.0999
    }];

    $("#chart").kendoChart({
        title: {
            text: "U1/B1",
            visible: false
        },
        legend: {
            visible: true,
            position: "top"
       ...