JSFiddle - React, Tailwind, and code Playground

by maritavindedal

HTML

<script src="https://github.highcharts.com/highcharts.js"></script>

<div id="container"></div>

JavaScript

const options = {
  chart: {
    type: 'areaspline',
  },
  series: [
    {
    	marker: {
      	enabled: false
			},
      data: [
        [1, 23.4],
        [2, 45.6],
        [3, 12.8],
        [4, 34.5],
        [5, 56.7],
        [6, 78.9],
        [7, 21],
        [8, 43.1],
        [9, 65.2],
        [10, 87.3],
        [11, 23.4],
        [12, 45.6],
        [13, 12.8],
        [14, 34.5],
        [15, 56.7],
        [16, 78.9],
        [17, 21],
        [18, 43.1],
        [19, 65.2],
        [20, 87.3],
        [21, 23.4],
        [22, 45.6],
        [23, 12.8],
        [24, 34.5],
        [25, 56.7],
        [26, 78.9],
        [27, 21],
        [28, 43.1],
        [29, 65.2],
        [30, 87.3],
        [31, 23.4],
        [32, 45.6],
        [33, 12.8],
        [34, 34.5],
        [35, 56.7],
        [36, 78.9],
        [37, 21],
        [38, 43.1],
        [39, 65.2],
        [40, 87.3],
        [41, 23.4],
        [42, 45.6],
        [43, 12.8],
        [44, 34.5],
        [45, 56.7],
        [46, 78.9],
        [47, 21],
        [48, 43.1],
        [49, 65.2]
      ],
      name: 'Value'
    }
  ]
};
const chart = Highcharts.chart('container', options);