Question

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

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

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

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

我的非工作高档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来使用highcharts-ng和highstocks。我相信这也是高品质的独立版本（如果我错了，请纠正我）这么快乐的日子。如果你可以忍受，那么成本将减少274Kb。

使用HighStocks和highcharts-ng

2 个答案: