JSFiddle - React, Tailwind, and code Playground

by amcharts

HTML

<script src="https://cdn.amcharts.com/lib/4/core.js"></script>
<script src="https://cdn.amcharts.com/lib/4/charts.js"></script>
<script src="https://cdn.amcharts.com/lib/4/themes/animated.js"></script>
<div id="chartDiv" style="width:100%; height:400px"></div>

JavaScript

am4core.useTheme(am4themes_animated);

const chart = am4core.create('chartDiv', am4charts.XYChart);

            chart.paddingRight = 20;
            chart.colors.step = 4;

           chart.data = [
        {x: "2019-12-30", y: 23961.03, y1: 89},
{x: "2020-01-06", y: 81587.29000000001, y1: 37},
{x: "2020-01-13", y: 79180.05, y1: 12},
{x: "2020-01-20", y: 133071.59, y1: 15},
 {x: "2020-01-27", y: 2075005.47, y1: 90},
 {x: "2020-02-03", y: 10168170.24, y1: 24},
 {x: "2020-02-10", y: 63345.09999999999, y1: 12},
 {x: "2020-02-17", y: 328453.20999999996, y1: 98},
 {x: "2020-02-24", y: 294831.7, y1: 47},
 {x: "2020-03-02", y: 2611541.23, y1: 11},
 {x: "2020-03-09", y: 166468.05000000002, y1: 40},
 {x: "2020-03-16", y: 12169477.17, y1: 22},
 {x: "2020-03-23", y: 33726435.650000006, y1: 74},
 {x: "2020-03-30", y: 173956168.01999998, y1: 12},
 {x: "2020-04-06", y: 663757787.75, y1: 11},
 {x: "2020-04-13", y: 119649.09, y1: 13},
 {x: "2020-04-20", y: 131354.78000000003, y1: 10},
 {x: "2020-04-27", y: 33601306.72, y1: 76},
 {x: "2020-05-04", y: 33726688.49, y1: 31},
{x: "2020-05-11", y: 1344820178.29, y1: 23},
 {x: "2020-05-18", y: 37290515.54, y1: 18},
 {x: "2020-05-25", y: 90709275.08999999, y1: 91},
 {x: "2020-06-01", y: 820572.61, y1: 49},
 {x: "2020-06-08", y: 33712437.36, y1: 14},
 {x: "2020-06-15", y: 463157522.68, y1: 24},
 {x: "2020-06-22", y: 54688456.53, y1: 30},
 {x: "2020-06-29", y: 12749860.5, y1: 10},
 {x: "2020-07-06", y: 65711.22, y1: 22},
 {x: "2020-07-13", y: 138726.26, y1: 55},
 {x: "2020-07-20", y: 159707736.01, y1: 11},
 {x: "2020-07-27", y: 18159776.08, y1: 21},
      ];
            chart.numberFormatter.numberFormat = "#,###.00";
            let colors = ['#2148a3', '#6e6a68'];
            
            let index = 0;
            
            const dateAxis = chart.xAxes.push(new am4charts.DateAxis());
            dateAxis.renderer.minGridDistance = 50;
            dateAxis.renderer.grid.template.disabled = true;
            dateAxis.groupData =...