JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.jchartfx.com/libs/v7/current/js/jchartfx.system.js"></script>
<script src="http://www.jchartfx.com/libs/v7/current/js/jchartfx.coreBasic.js"></script>
<div id="ChartDiv" style="width:600px;height:400px"></div>

JavaScript

loadChart();

        var chart1;

        function loadChart()
          {
               chart1 = new cfx.Chart();

                chart1.getAxisY().setMin(0);
                chart1.getAxisY().setMax(100);

                var series = chart1.getSeries().getItem(0);


                series.setGallery(cfx.Gallery.Line);


                var data = [
                { "Month": "Jan", "A": 40, "B": 12 },
                { "Month": "Feb", "B": 19 },
                { "Month": "Mar", "A": 63, "B": 29 },
                { "Month": "Apr", "A": 75, "B": 31 },
                { "Month": "May", "A": 81, "B": 70 },
                { "Month": "Jun", "A": 92, "B": 90 }
                ];
              
              
              
                chart1.setDataSource(data);
                var divHolder = document.getElementById('ChartDiv');
            chart1.create(divHolder);
          }