JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
    {      
      title: {
        text: "Temperature"
      },
      axisX: {
        valueFormatString: "HH:mm"
      },
      axisY: {
        suffix: " °C",
        valueFormatString: "#0.0"
      },
      data: [
      {
        name: "Outdoors",
        type: "spline",
        xValueType: "dateTime",
        dataPoints: [
           {label: 1386847800000, y: 4.8},
           {label: 1386849600000, y: 5.1},
           {label: 1386851400000, y: 5.4},
           {label: 1386853200000, y: 5.6},
           {label: 1386855000000, y: 5.7},
           {label: 1386856800000, y: 5.7},
           {label: 1386858600000, y: 5.6},
           {label: 1386860400000, y: 5.4},
           {label: 1386862200000, y: 5.4},
           {label: 1386864000000, y: 5.4},
           {label: 1386865800000, y: 6.1},
           {label: 1386867600000, y: 6.5},
           {label: 1386869400000, y: 6.4},
           {label: 1386871200000, y: 6.0},
           {label: 1386873000000, y: 5.7},
           {label: 1386874800000, y: 5.8},
           {label: 1386876600000, y: 5.7},
           {label: 1386878400000, y: 5.9},
           {label: 1386880200000, y: 6.1},
           {label: 1386882000000, y: 6.3},
           {label: 1386883800000, y: 6.4},
           {label: 1386885600000, y: 6.6},
           {label: 1386887400000, y: 6.8},
           {label: 1386889200000, y: 7.0},
           {label: 1386891000000, y: 7.0},
           {label: 1386892800000, y: 7.0},
           {label: 1386894600000, y: 6.9},
           {label: 1386896400000, y: 6.6},
           {label: 1386898200000, y: 6.2},
           {label: 1386900000000, y: 5.9},
           {label: 1386901800000, y: 5.5},
           {label: 1386903600000, y: 5.3},
           {label: 1386905400000, y: 5.2},
           {label: 1386907200000, y: 5.0},
           {label: 1386909000000, y: 4.6},
           {label: 1386910800000, y: 4.1},
           {label: 1386912600000, y: 3.8},
           {label:...