JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.stock.min.js"></script>
<div id='result' class='chart_container' style='width:100%; display:inline-block'></div>

JavaScript

document.fonts.ready.then(function() {
                var chart1 = new CanvasJS.Chart('result', {
                  "title": {
                    "text": "Chart 1",
                  },
                  "axisX": {
                    "title": ""
                  },
                  "axisY": {
                    "title": "Count"
                  },
                  data: [{
                    "type": "line",
                    "axisYType": "primary",
                    "name": "Fair",
                    "showInLegend": "true",
                    "markerSize": 0,
                    "dataPoints": [{
                        "x": new Date("2017-01-31"),
                        "y": 102
                      },
                      {
                        "x": new Date("2017-02-28"),
                        "y": 100
                      },
                      {
                        "x": new Date("2017-03-31"),
                        "y": 97
                      }
                    ]
                  }]
                });

                chart1.render();
              });