JSFiddle - React, Tailwind, and code Playground

by KSK Kushwah

HTML

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

JavaScript

Highcharts.chart('container', {
yAxis:{
	max: 400,
  min: 0
},
series: [{
    data: [20, 30, 50, 80],
    type: 'area',
    marker:{
    	enabled:false
    },
    color: {
    linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
    stops: [
        [0, 'green'],
        [0.5, 'red'],
        [1, 'blue']
    ]
    }
  }]
});