JSFiddle - React, Tailwind, and code Playground

HTML

<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.rtl.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.silver.min.css" rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
      
<div id="chart" width="200" height="200" >
    
</div>

CSS

.k-chart  .k-tooltip{          
        text-align: left;        

   }
    #chart circle {
        display: none !important;
    }

JavaScript

var data = [{"time":"12/3/2013 1:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"0","speedUOM":"cases/hr"},
              {"time":"12/3/2013 2:30:00 AM","nominalSpeed":"700","averageSpeed":"650","status":"Good","name":"1","speedUOM":"cases/hr"},
              {"time":"12/3/2013 3:30:00 AM","nominalSpeed":"700","averageSpeed":"700","status":"Good","name":"2","speedUOM":"cases/hr"},
              {"time":"12/3/2013 4:30:00 AM","nominalSpeed":"700","averageSpeed":"700","status":"Good","name":"3","speedUOM":"cases/hr"},
              {"time":"12/3/2013 5:30:00 AM","nominalSpeed":"700","averageSpeed":"740","status":"Good","name":"4","speedUOM":"cases/hr"},
              {"time":"12/3/2013 6:30:00 AM","nominalSpeed":"700","averageSpeed":"745","status":"Good","name":"5","speedUOM":"cases/hr"},
              {"time":"12/3/2013 7:30:00 AM","nominalSpeed":"700","averageSpeed":"745","status":"Good","name":"6","speedUOM":"cases/hr"},
              {"time":"12/3/2013 8:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"7","speedUOM":"cases/hr"},
              {"time":"12/3/2013 9:30:00 AM","nominalSpeed":"700","averageSpeed":"600","status":"Good","name":"8","speedUOM":"cases/hr"}
  ];

$("#chart").kendoChart({                
				chartArea: {
                   width: 400,
                   height: 240
                },
                dataSource: data,
                seriesColors: ['#FF0000', '#565656','#FF0000'],
                title: {
                    visible: false,
                    text: "Speed"
                },
                legend: {
                    visible: true,
                    position: "top"
                },
                seriesDefaults: {
                    type: "line",
                    style: "smooth",
                    width: 2,
                },
                series:
                [{
                    field: "nominalSpeed",
                    name: "Nominal Speed",   ...