javascript — HIghStock Chart не отображается при использовании StockChart

Я пытался заставить это работать, и я полностью застрял. Я думаю, что все сделал правильно. Включены все необходимые файлы, но моя диаграмма не будет отображаться при использовании:

$('#index-container').highcharts('StockChart', {

мой график не показывает. Но когда я использую

$('#index-container').highcharts('Chart', {

диаграмма показывает, но не показывает элементы управления должным образом.

Смотрите мой код ниже

$(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>

Я был бы признателен, если бы кто-то мог помочь, это была боль последние три часа.

заранее спасибо