在同一页面上同时使用 highcharts 和 highstock

希望有人能帮忙..？ 我尝试在单个页面上使用 highcharts 和 highstock，从 CDN 加载，最初我设置了各种 highcharts - 带向下钻取的仪表和条形图，并使用以下所有内容都工作正常：

<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），然后添加 highcharts-more 和模块，还尝试使用 highcharts 然后加载 highstock作为一个也不起作用的模块，例如

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

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

我认为 CDN 链接的顺序对于使其正常工作也至关重要？

我还知道在渲染图表时 highcharts 使用Highcharts.chart和高库存用途Highcharts.stockChart- 那么，当同时使用两者时，这将如何工作？

非常感谢。

通过使用 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/ 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>

现场演示：http://jsfiddle.net/BlackLabel/0vshoqpa/ http://jsfiddle.net/BlackLabel/0vshoqpa/