Использование highcharts и highstock вместе на одной странице

Question

Надеюсь, кто-то может помочь ..?Я пытаюсь использовать как верхние, так и верхние графики на одной странице, загружая их из CDN, изначально я настраивал различные верхние графики - шкалу и гистограмму с разверткой и с помощью следующего все работает нормально:

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/solid-gauge.js"></script>

Теперь у меня есть таблица HighStock, но я не могу заставить ее работать вместе на одной странице - я попробовал просто использовать HighStock (без Highcharts), а затем добавить High-Char-More и модули, также попытался использовать High-Chars и затем загрузить High-Stockкак модуль, который не работал, например,

<script src="https://code.highcharts.com/modules/highstock.js"></script> ИЛИ

<script src="https://code.highcharts.com/modules/stock.js"></script>

Я предполагаю, что порядок ссылок CDN также крайне важен для его работы?

Я также знаю, что при рендеринге диаграмм старшие чарты используют Highcharts.chart, а высокие чеки используют Highcharts.stockChart - так как это будет работать при использовании обоих?

Большое спасибо.

Answer 1

Используя Highstock, вы можете создать как stockChart, так и стандартный chart с дополнительными модулями:

Highcharts.chart('container', {
    series: [{
        type: 'solidgauge',
        data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
    }]
});

Highcharts.stockChart('container1', {
    series: [{
        type: 'line',
        data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
    }]
});

Демонстрационная версия: http://jsfiddle.net/BlackLabel/54ezsbgr/

Если вам действительно нужно использоватьHighstock и Highcharts по отдельности, вы можете сделать это следующим образом:

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script>
    var Highstock = Highcharts;
    Highcharts = null;
</script>
<script src="https://code.highcharts.com/highcharts.js"></script>

Live демо: http://jsfiddle.net/BlackLabel/0vshoqpa/