angularjs - 将 HighStocks 与 highcharts-ng 一起使用

Question

我正在为 HighCharts 使用 Angular 指令，https://github.com/pablojim/highcharts-ng。

但是，我想使用 HighStock 选项，根据上面的链接，通过设置 useHighStocks: true 应该可以。

当我尝试这个时，图表根本不会加载，但是当它设置为 false 时工作得很好。我什至尝试从官方网站包含 highstock.js 但没有运气。

原始jsfiddle：http: //jsfiddle.net/pablojim/7cAq3/

我的非工作 highstock jsfiddle：http: //jsfiddle.net/achronos/7LZv4/1/

$scope.chartConfig = {
    options: {
        chart: {
            type: 'line',
            zoomType: 'x'
        }
    },
    series: [{
        data: [10, 15, 12, 8, 7, 1, 1, 19, 15, 10]
    }],
    title: {
        text: 'Hello'
    },
    xAxis: {currentMin: 0, currentMax: 10, minRange: 1},
    loading: false,
    useHighStocks: true
}

我该怎么做才能让它发挥作用？谢谢

Answer 1

我自己解决了，显然你不能同时包含 highcharts.js 和 highstock.js。包含 highstock.js 时，会包含 highcharts.js 功能，但反之则不起作用。

所以，诀窍是只包含 highstock.js！

Answer 2

您可以通过包含highstock-all.js. 我相信这也是 highstocks 的独立版本（如果我错了，请纠正我）所以快乐的日子。如果你能忍受的话，成本会减少 274Kb。