JSFiddle - React, Tailwind, and code Playground

by cristiscu

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js" type="text/javascript"></script>
<script src="http://cdn.syncfusion.com/js/assets/scripts/common/ej.core.min.js" type="text/javascript"></script>
<script src="http://cdn.syncfusion.com/js/assets/scripts/common/ej.data.min.js" type="text/javascript"></script>
<script src="http://cdn.syncfusion.com/js/assets/scripts/datavisualization/ej.chart.min.js" type="text/javascript"></script>
<div class="chart_cont">
    <div id="chart_div"></div>
</div>

JavaScript

$(function ()
	{
        $("#chart_div").ejChart(
        {
 //legend: { toggleSeriesVisibility: false },
          legendItemClick:function(e){ e.cancel = true; },
      series: [
        { name: "Toyota", points: [{ x: "Jan", y: 1 }, { x: "Feb", y: 3.8 }] },
        { name: "Ford", points: [{ x: "Jan", y: 2.3 }, { x: "Feb", y: 1.2 }] }
      ],        });
    });