JSFiddle - React, Tailwind, and code Playground

by guilhermemaranhao

HTML

<head>
<script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script></head>
<body>
  <div id="chartContainer" style="height: 300px; width: 100%;">
  </div>
</body>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
	title: {
      	text: "Animation test"
      },
    animationEnabled: true,  
  data: [
    {
      type: "column",
      dataPoints: []
    }					
  ]
});

chart.render();
chart.data[0].set("dataPoints",  [{ label: "Apple", y: 658 },
        { label: "Orange", y: 200 },
        { label: "Banana", y: 900 }]);