JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

   <div id="chartContainer" style="height: 300px; width: 100%;">
   </div>

JavaScript

var dps1 = [
  {x : 1451586600000, y : 96.709},
  {x : 1454265000000, y : 94.918},
  {x : 1456770600000, y : 95.152},
  {x : 1459449000000, y : 97.070},
  {x : 1462041000000, y : 97.305},
  {x : 1464719400000, y : 89.854},
  {x : 1467311400000, y : 88.158},
  {x : 1469989800000, y : 87.989},
  {x : 1472668200000, y : 86.366},
  {x : 1475260200000, y : 81.650},
  {x : 1477938600000, y : 85.789},
  {x : 1480530600000, y : 83.846},
  {x : 1483209000000, y : 84.927},
  {x : 1485887400000, y : 82.609},
  {x : 1488306600000, y : 81.428},
  {x : 1490985000000, y : 83.259},
  {x : 1493577000000, y : 83.153},
  {x : 1496255400000, y : 84.180},
  {x : 1498847400000, y : 84.840},
  {x : 1501525800000, y : 82.671},
  {x : 1504204200000, y : 87.496},
  {x : 1506796200000, y : 86.007},
  {x : 1509474600000, y : 87.233},
  {x : 1512066600000, y : 86.276}  
]

var dps2 = [
  {x: 1451586600000, y: 73.5555},
  {x: 1454265000000, y: 74.1625},
  {x: 1456770600000, y: 75.3980},
  {x: 1459449000000, y: 76.0965},
  {x: 1462041000000, y: 74.8165},
  {x: 1464719400000, y: 74.9660},
  {x: 1467311400000, y: 74.4805},
  {x: 1469989800000, y: 74.7355},
  {x: 1472668200000, y: 74.8155},
  {x: 1475260200000, y: 73.2275},
  {x: 1477938600000, y: 72.6315},
  {x: 1480530600000, y: 71.4610},
  {x: 1483209000000, y: 72.9025},
  {x: 1485887400000, y: 70.5750},
  {x: 1488306600000, y: 69.0955},
  {x: 1490985000000, y: 70.0565},
  {x: 1493577000000, y: 72.5320},
  {x: 1496255400000, y: 73.8350},
  {x: 1498847400000, y: 76.0255},
  {x: 1501525800000, y: 76.1465},
  {x: 1504204200000, y: 77.1570},
  {x: 1506796200000, y: 75.4075},
  {x: 1509474600000, y: 76.7690},
  {x: 1512066600000, y: 76.5950}
]

var dps3= []; //new DataSeries

createThirdDataSeries();

var chart = new CanvasJS.Chart("chartContainer", {
  title:{
    text: "DataSeries with Sum of other DataSeries"
  },
  data: [
    {
      type: "area",
      name: "Series with Sum",
      showInLegend: "true",
      xValueType: "dateTime",
     ...