JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cenamonet.ru/js/Highstock/highstock.js"></script>
<script type="text/javascript" src="http://cenamonet.ru/js/Highstock/highstock.js"></script>
<div id="chart2" ></div>
JavaScript
var data2= [
{
"x": 1325676960000,
"y": 86.76,
},
{
"x": 1325875140000,
"y": 10.357,
},
{
"x": 1325880000000,
"y": 12.225,
},
{
"x": 1325880600000,
"y": 7.895,
},
{
"x": 1325880900000,
"y": 8.829,
},
{
"x": 1325881200000,
"y": 7.555,
},
{
"x": 1325881500000,
"y": 7.216,
},
{
"x": 1325881800000,
"y": 50.256,
},
{
"x": 1326235620000,
"y": 51.952,
},
{
"x": 1326313620000,
"y": 25.285,
},
{
"x": 1326481020000,
"y": 3.874,
},
{
"x": 1326481380000,
"y": 3.09,
},
{
"x": 1326484740000,
"y": 7.333,
},
{
"x": 1326489000000,
"y": 16.043,
},
{
"x": 1326520440000,
"y": 8.463,
}
];
$(function() {
var chart2 = new Highcharts.StockChart({
chart: {
renderTo: 'chart2'
},
rangeSelector: {
selected: 0
},
xAxis: {
type: 'datetime'
},
series: [{
name: 'val',
data: data2, // predefined JavaScript array
type : 'area',
}]
});
});