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="chartMinimum" style="height: 300px; width: 100%;">
  </div>
</body>

JavaScript

var chartMinimum = new CanvasJS.Chart("chartMinimum",
                    {
                        title: {
                            text: "Setting minimum value",
                            fontFamily: "Open Sans",
                            fontWeight: "normal",
                            fontSize: 25
                        },
                         axisY:{
                            labelFontColor: "black",
                            labelFontSize: 13,
                            labelFontFamily: "Open Sans",
                            gridThickness: 1,
                            minimum: 1,
                            gridColor: "#eaeaea",
                            labelFormatter: function (e) {
                                 return e.value.toLocaleString();
                            }
                        }, 
                        axisX:{
                            tickLength: 0,
                            labelFormatter: function(){
                                return "";
                            }
                        }, 
                        toolTip:{
                            backgroundColor: "#7A7A7A",
                            borderThickness: 0,
                            fontColor: "#FFFFFF",
                            fontSize: 12,
                            fontWeight: "lighter",
                            fontFamily: "Open Sans"
                        },
                        theme: "light2",
                        data: [
                            {
                            type: "column",
                                 indexLabelFontColor: "black",
                                indexLabelFontSize: 20, 
                                 indexLabelFormatter: function (e) {
                                    return e.dataPoint.y;
                                }, 
                                dataPoints: [
                                  { y: 658, label: "0"},
                       ...