动态改变数据Highcharts串联型(Changing Highcharts data serie

我有多个系列Highcharts和“选择”为每个系列。 我的目标是通过“选择”更改系列类型。

$('#ChType').change(function () {
    var series = chart.series[0]
    var newType = $('#ChType').val();
    changeType(series, newType);
})

$('#ChType2').change(function () {
    var series = chart.series[1]
    var newType = $('#ChType2').val();
    changeType(series, newType);
})

function changeType(series, newType) {
    var dataArray = [],
        points = series.data;
    series.chart.addSeries({
        type: newType,
        name: series.name,
        color: series.color,
        data: series.options.data
    }, false);
    alert(series.name);
    series.remove();
}

据我所知，每一个类型得到改变的时间，系列会移除从它的阵列中的当前位置，并添加到末尾。 目前，我只能够改变系列是该系列位置[0]。

我怎样才能更改任何其他系列，而不仅仅是一系列[0]？

我也看到了类似的问题在这里 ，但不能完全得到它的工作。

在我的示例代码的jsfiddle 。

Answer 1:

可以使用3.0 highcharts包括series.update（）方法，它允许改变图表的类型，动态地。

http://jsfiddle.net/8Sg8K/1

chart.series[0].update({
                type: "column"
            });

Answer 2:

你为什么不包括你在类似的问题联系到循环？

 $('#ChType').change(function(){
     var series;

     for ( i = 0 ; i < chart.series.length ; i++ ) {
            if ( chart.series[i].name == 'MyData1' ) {
                series = chart.series[i];

            }                
        } 
                 //var series = chart.series[0]
                 var newType = series.type == $('#ChType').val() ? $('#ChType').val()

把在地方每类- http://jsfiddle.net/waBck/5/

文章来源: Changing Highcharts data series type dynamically