JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn1.zingchart.com/scripts/zingchart/html5_scripts/zingchart-html5-min.js"></script>
<div class="areaGraph">
    <div id="areaGraphDiv11"></div>
</div>

JavaScript

var graphData11={
  "show-progress": false,
  "graphset": [
    {
      "legend": {
        "border-color": "#bbbbbb",
        "margin-top": 10,
        "margin-left": 0,
        "drag-handler": "header",
        "item": {
          "toggle": true,
          "margin-top": 5,
          "margin-left": 5,
          "margin-right": 5,
          "margin-bottom": 5
        },
        "shadow": false,
        "margin-right": 0,
        "background-color-2": "#e1e1e1",
        "border-width": 1,
        "background-color": "#e1e1e1",
        "draggable": true,
        "minimize": false,
        "header": {
          "": 0,
          "background-color": "#bbbbbb",
          "text-align": "center",
          "font-size": 16,
          "text": "Legend",
          "font-family": "Lato",
          "color": "#ffffff",
          "background-color-2": "#bbbbbb",
          "font-weight": 300
        },
        "layout": "x4",
        "position": "50% 0%",
        "margin-bottom": 0
      },
      "tooltip": {
        "visible": true,
        "format": "$%v",
        "text": "$%v"
      },
      "stacked": false,
      "series": [
        {
          "background-color": "#7fb2f0",
          "line-color": "#7fb2f0",
          "text": "Checkout Total",
          "marker": {
            "border-color": "#7fb2f0",
            "background-color": "#7fb2f0",
            "alpha": 1
          },
          "background-color-2": "#7fb2f0",
          "values": [
            646.95,
            1770.60,
            3745.50
          ]
        },
        {
          "background-color": "#bf5a9a",
          "line-color": "#bf5a9a",
          "text": "Refunds",
          "marker": {
            "border-color": "#bf5a9a",
            "background-color": "#bf5a9a",
            "alpha": 1
          },
          "background-color-2": "#bf5a9a",
          "values": [
            0.00,
            272.40,
            817.20
          ]
        },
        {
          "background-color": "#efae69",
    ...