I've been trying to get this to work and I'm completely stuck. I think I've done everything properly. Included all needed file but my chart won't show when I use:
$('#index-container').highcharts('StockChart', {
my chart does not show. But when I use
$('#index-container').highcharts('Chart', {
chart shows but does not show the controls properly.
See my code below
$(function() {
$.getJSON('get-chart-data.php?series=c&x=NSE&s=<?php echo $secsymbol ?>&callback=?', function (data) {
$('#index-container').highcharts('StockChart', {
rangeSelector: {
inputEnabled: true,
selected: 1
},
title: {
text: 'company'
},
series: [
{
name: 'symbol',
data: data,
type: 'area',
threshold: null,
tooltip: {
valueDecimals: 2
},
fillColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, 'rgba(0,0,0,0)']
]
}
}
]
});
});
});
<div id="index-container" class="col-md-12 col-sm-12 col-xs-12" style="min-height:450px; min-width: 480px"></div>
I'd appreciate if someone could help this has been a pain the last three hours.
Thanks in advance