JSFiddle - React, Tailwind, and code Playground

HTML

<div data-dojo-type="dojox.charting.widget.Chart" id="chart1" style="width: 800px; height: 450px;">

</div>
<div id="chart1SelectableLegend"></div>

JavaScript

require(["dojox/charting/Chart", 
    "dojox/charting/plot2d/Lines", 
    "dojox/charting/axis2d/Default", 
    "dojox/charting/plot2d/StackedColumns",
     "dojox/charting/action2d/Tooltip",
         "dojo/_base/array",
      "dojo/ready", 
      "dojox/charting/widget/SelectableLegend"],
       function(Chart, Lines, Default, StackedColumns, Tooltip, arr, ready, SelectableLegend) {
    ready(function() {
        var chart1 = new Chart("chart1");
        chart1.title = "stacked chart";
        chart1.addPlot("stackedColumnsPlot", {
            type: StackedColumns,
            gap:6,
            lines: true,
            areas: true,
            markers: true,
            labels: true,
            labelStyle:"inside",
            //maxBarSize: 35,
            tension: "2"
        });
    chart1.addAxis("x", {  
                          dropLabels: false,
                          labelSizeChange: true,
                          rotation:-20,
                          majorTicks:true,
                          majorTickStep:1,
                          minorTicks:false,
                          font: "normal normal bold 12px Tahoma", 
                          fontColor: "black",
                         labels: [{"value":1,"text":"A"},{"value":2,"text":"B"},{"value":3,"text":"C"},{"value":4,"text":"D"},{"value":5,"text":"E"},{"value":6,"text":"F"}] 
    });
        chart1.addAxis("y", {title:"Cost",
          fixLower: "major",
          fixUpper: "major", 
           includeZero: true,
          majorTickStep:500,
         max: 1500,
         //from:1000,
         //to:6000,
            vertical: true
        });

        chart1.addSeries("AC",[300,500,500,600,300,280] ,
         {
          
            plot: "stackedColumnsPlot",
            stroke: {
                color: "#FFFFFF" ,

            },
            fill: "#FFAEAE "
        });
        chart1.addSeries("TV", [244,301,699,620,820,837], {
            plot: "stackedColumnsPlot",
           ...