Javascript 更改图表类型并在Highcharts中使用多个系列重新绘制

Javascript 更改图表类型并在Highcharts中使用多个系列重新绘制,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我有一个带有各种图表的仪表板,每个仪表板上都有一个相邻的下拉列表来更改图表的类型。我希望通过重新绘制图表来实现这一点,而不是破坏它并创建一个新的图表 我第一次偶然发现一个似乎来自Highcharts团队的解决方案,但在调查中,它似乎实际上被打破了。从选择菜单中选择“列”后,图表将在不使用第一系列数据的情况下重新呈现。我发现这是一个一致的问题…highcharts只希望以使用“addSeries”方法的方式呈现最后一个系列: for(var i=0;i参见我之前的答案。它解释了如何使用series

我有一个带有各种图表的仪表板,每个仪表板上都有一个相邻的下拉列表来更改图表的类型。我希望通过重新绘制图表来实现这一点,而不是破坏它并创建一个新的图表

我第一次偶然发现一个似乎来自Highcharts团队的解决方案,但在调查中,它似乎实际上被打破了。从选择菜单中选择“列”后,图表将在不使用第一系列数据的情况下重新呈现。我发现这是一个一致的问题…highcharts只希望以使用“addSeries”方法的方式呈现最后一个系列:


for(var i=0;i参见我之前的答案。它解释了如何使用series.update()函数来更改图形类型。

在Highcharts 3.0中,我们实现了
series.update(object)
函数,该函数允许轻松更改系列选项(包括类型)。参见文档示例:
for(var i=0;i<series.length;i++)
{
    serie = series[0];
    serie.chart.addSeries({
        type: newType,
        name: serie.name,
        color: serie.color,
        data: serie.options.data
    }, false);

    serie.remove();
}

var chart = new Highcharts.Chart(options, function(chart){

    $('#chartType').change(function(){
        changeType(chart.series, this.value);
    });

});