动态添加系列高图

bah*_*Agi 5 highcharts highstock

我在使用highstock动态添加系列时遇到了问题.为了做到这一点,我正在使用chart.addSeries函数.第一个系列也应该通过来自Web服务的数据动态添加.我的问题出在我的图表的第一个视图中.我的意思是当首次显示图表时滚动条没有正确显示,但是当我点击ZOOM区域(1,3,6个月 - 每年 - ytd)时,会出现滚动条.

chart.addSeries({
                name: name,
                data: data,
                type: 'spline'
            });
Run Code Online (Sandbox Code Playgroud)

我也将数据分别设置为导航器(为了正确地在xAx上有数据)并且系列属性为空(起初我没有任何系列) - 问题出在这里(空系列)

我已经看到了很多关于addSeries到其他系列的例子,但还没有看到第一个系列.

 var navigator = chart.get('navigator');
            navigator.setData(data);
Run Code Online (Sandbox Code Playgroud)

我搜索了很多,但我找不到一个好的解决方案.请帮帮我......

谢谢

Paw*_*Fus 4

问题出在范围选择器中选定的按钮上。您强制 Highstock 对空数据设置极值,因此会产生错误。您可以在添加数据后直接设置极值,请参阅:

chart.addSeries({
        name: 'ADBE',
        data: ADBE
    }, false);
    var nav = chart.get('navigator');
    nav.setData(ADBE);
    chart.xAxis[0].setExtremes(); //reset or set extremes to get navigator and scrollbar
Run Code Online (Sandbox Code Playgroud)

实例: http: //jsfiddle.net/vqa2r/