JSFiddle - React, Tailwind, and code Playground
author(s): Paweł Fus
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 320px; max-width: 600px; margin: 0 auto;"></div>
JavaScript
Highcharts.chart('container', {
chart: {
type: 'line',
},
yAxis: [
{
minPadding: 0,
showLastLabel: true
},
{
minPadding: 0,
showLastLabel: true,
opposite: true
}
],
series: [
{
data: [
[
1575244800000,
0
],
[
1575331200000,
1
],
[
1575417600000,
2
],
[
1575504000000,
3
],
[
1575590400000,
4
],
[
1575849600000,
5
],
[
1575936000000,
6
],
[
1576022400000,
7
],
[
1576108800000,
8
],
[
1576195200000,
9
],
[
1576454400000,
10
],
[
1576540800000,
11
],
[
1576627200000,
12
],
[
1576713600000,
13
],
[
1576800000000,
14
],
[
1577059200000,
15
],
[
1577145600000,
16
],
[
1577232000000,
...