JSFiddle - React, Tailwind, and code Playground

by Anvesh1992

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: "line",
    height: "400",
    width: 550,
    //options3d: 0
  },
  credits: {
    enabled: false
  },
  exporting: {
    enabled: false,
    sourceWidth: 725,
    sourceHeight: 600
  },
  legend: {
    enabled: true,
    layout: "horizontal",
    align: "left",
    verticalAlign: "bottom"
  },
  plotOptions: {
    series: {
      connectNulls: true,
      turboThreshold: 20000
    }
  },
  series: [{
      marker: {
        enabled: false
      },
      name: "",
      //secondarydata: null,
      showInLegend: false,
      step: "left",
      type: "line",
      visible: false,
      yAxis: 0,
      displayMask: "##0.00",
      data: [{
          x: -1580083200000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579996800000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579910400000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579824000000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579737600000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579651200000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579564800000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579478400000,
          y: 25,
          marker: {
            enabled: false
          },
          additionalData: ""
        },
        {
          x: -1579392000000,
          y: 25,
  ...