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

JavaScript

chart2 = new CanvasJS.Chart("chart2", {
              title: {
                  text: "Stacked bar chart index label"
              },
              theme: "light2",
              data: [
                  {
                      legendMarkerColor: "#3D9140",
                      indexLabelPlacement: "inside",
                      indexLabelFontSize: 18,
                      indexLabelFontColor: "black",
                      indexLabel: "{y}",
                      type: "stackedColumn",
                      dataPoints: [
                      	{y: 668, label: "label1"},
                        {y: 1250, label: "label2"},
                        {y: 534, label: "label3"},
                        {y: 426, label: "label4"},
                        {y: 149, label: "label5"}
                      ]
                  },
                  {
                      legendMarkerColor: "#F3C900",
                      indexLabelPlacement: "inside",
                      indexLabelFontSize: 18,
                      indexLabelFontColor: "black",
                      indexLabel: "{y}",
                      type: "stackedColumn",
                      dataPoints: [
                      	{y: 796, label: "label1"},
                        {y: 331, label: "label2"},
                        {y: 121, label: "label3"},
                        {y: 33, label: "label4"},
                        {y: 98, label: "label5"}
                      ]
                  },
                  {
                      legendMarkerColor: "#F01616",
                      indexLabelPlacement: "inside",
                      indexLabelFontSize: 18,
                      indexLabelFontColor: "black",
                      indexLabel: "{y}",
                      type: "stackedColumn",
                      dataPoints: [
                      	{y: 309, label: "label1"},
                        {y: 17, label: "label2"},
                        {y: 4, label: "label3"},
                        {y:...