JSFiddle - React, Tailwind, and code Playground

by Amith

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'area'
    },
    title: {
        text: 'Activities By Life Cycle Stage and Type'
    },
    xAxis: {
        categories: ["Subscriber", "Sales Qualified Lead", "Other", "Opportunity", "Marketing Qualified Lead", "Lead", "Customer"],
        tickmarkPlacement: 'on',
        title: {
            enabled: false
        }
    },
    yAxis: {
        title: {
            text: 'Activities'
        }
    },
    tooltip: {
        split: true,
    },
    series: [{"drillDownChartId":83,"color":"#29B6B6","data":[{"y":959,"category":"Subscriber"},{"y":228,"category":"Sales Qualified Lead"},{"y":1642,"category":"Other"},{"y":675,"category":"Opportunity"},{"y":1114,"category":"Marketing Qualified Lead"},{"y":761,"category":"Lead"},{"y":3416,"category":"Customer"}],"chartId":"60","name":"CALL","tooltip":{"valueSuffix":"( Activities )"},"groupBy":"Month","drillDownFilters":"[]"},{"drillDownChartId":83,"color":"#3D61C3","data":[{"y":1245,"category":"Subscriber"},{"y":219,"category":"Sales Qualified Lead"},{"y":3226,"category":"Other"},{"y":640,"category":"Opportunity"},{"y":2368,"category":"Marketing Qualified Lead"},{"y":990,"category":"Lead"},{"y":3830,"category":"Customer"}],"chartId":"60","name":"TASK","tooltip":{"valueSuffix":"( Activities )"},"groupBy":"Month","drillDownFilters":"[]"},{"drillDownChartId":83,"color":"#FFBF39","data":[{"y":0,"category":"Subscriber"},{"y":0,"category":"Sales Qualified Lead"},{"y":2,"category":"Other"},{"y":0,"category":"Opportunity"},{"y":0,"category":"Marketing Qualified Lead"},{"y":0,"category":"Lead"},{"y":14,"category":"Customer"}],"chartId":"60","name":"CONVERSATION_SESSION","tooltip":{"valueSuffix":"( Activities )"},"groupBy":"Month","drillDownFilters":"[]"},{"drillDownChartId":83,"color":"#FF9339","data":[{"y":110,"category":"Subscriber"},{"y":68,"category":"Sales Qualified Lead"},{"y":261,"category":"Other"},{"y":82,"category":"Opportunity"},{"y":238,"category":"Marketing...