JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/stock/highstock.src.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>
JavaScript
$(function () {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-ohlc.json&callback=?', function (data) {
$myArray = [0,100,130,100,110];
// create the chart
chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
title: {
text: 'AAPL Stock Price'
},
xAxis: {
categories: ['Goog', 'Msft', 'Orcl'],
min:0,
max:2
},
navigator: {
enabled: false
},
legend: {
enabled: false
},
series: [{
type: 'candlestick',
name: 'AAPL Stock Price',
data: [
myArray,
[1,80, 90, 100, 100],
[2,60, 70, 80, 50]
]
}]
});
});
});