JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-sm-4">
    <div id='DivBarChart' class="container" ><!-- Plotly chart will be drawn inside this DIV --></div>
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</div>

JavaScript

var Deals = {
                                      x: ['2021-10', '2022-01', '2022-03', '2022-04', '2022-05', '2022-07', '2022-09'],
                                      y: [11241, 234021, 26544, 28856, 70463, 28856, 155019],
                                      name: 'Deals',
                                      type: 'bar',
                                      marker: {
                                                color: 'rgb(0,131,117)',

                                              }
                                    };
                        var Leads = {
                                      x: ['2022-03', '2022-04', '2022-05', '2022-06', '2022-07', '2022-08', '2022-11', '2023-01', '2023-02'],
                                      y: [7255, 5155, 61950, 63000, 5155, 19845, 20905, 5155, 15750],
                                      name: 'Leads',
                                      type: 'bar',
                                      marker: {
                                                color: 'rgb(160,220,210)',

                                                          }
                                                };

                        var Cumulative = {
                                      x: ['2021-10', '2022-01', '2022-03', '2022-04', '2022-05', '2022-07', '2022-09'],
                                      y: [11241, 245262, 271806, 300662, 371125, 399981, 555000],
                                      name: 'Cumulative Deals',
                                      type: 'line',
                                      marker: {
                                                color: 'rgb(0,131,117)',
                                                }

                                        };

                        var data = [Deals,Leads,Cumulative];

                   var layout = {
                            title: "Sales Forecast",
                            barmode: 'stack',
                            xaxis: {
         ...