JSFiddle - React, Tailwind, and code Playground

by Chris Guipo

HTML

<script 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", {            
         data: [
                
                {
                    type: "column",
                    dataPoints: [{
                    label: "2014" , y: 265
                    },
                    {label: "2014" , y: 0} //added label
                    ]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014", y: 152
                    }]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014" , y: 223
                    }]
                },
                {
                    type: "column",
                    dataPoints: [{
                    label: "2014" , y: 265
                    }]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014" , y: 532
                    }]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014", y: 314
                    }]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014" , y: 415
                    }]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014" , y: 265
                    }]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014", y: 150
                    }]
                },
                {
                    type: "column",
                    dataPoints:  [{
                    label: "2014", y: 130
                    }]
                },
                {
                    type: "column",
                   ...