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

Question

希望有人可以帮助..？我试图在一个页面上同时使用 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> 或者

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

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

我也知道在渲染图表 highcharts 使用Highcharts.chart和 highstock 使用时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>

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