使用HighStocks和highcharts-ng

Osk*_*son 8 highcharts highstock angularjs angularjs-directive highcharts-ng

我正在使用HighCharts的Angular指令,https://github.com/pablojim/highcharts-ng.

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

当我尝试这个时,图表根本不会加载,但是当它设置为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
}
Run Code Online (Sandbox Code Playgroud)

我能做些什么才能让它发挥作用?谢谢

Osk*_*son 15

我自己解决了这个问题,很明显你不能同时包含highcharts.js和highstock.js.当包含highstock.js时,包含highcharts.js功能,但是反之亦然.

所以,诀窍是只包括highstock.js!