动态更改Highcharts数据系列类型

agr*_*gri 9 javascript jquery highcharts

我有多个系列的Highcharts和每个系列的"选择".我的目标是通过'select'改变系列类型.

$('#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();
}
Run Code Online (Sandbox Code Playgroud)

据我所知,每次更改类型时,系列都会从数组中的当前位置移除并添加到结尾.目前我只能更改位置系列[0]中的系列.

如何更改任何其他系列而不仅仅是系列[0]?

我确实在这里看到了类似的问题,但却无法让它发挥作用.

我在jsFiddle中的示例代码.

Seb*_*han 16

您可以使用包含series.update()方法的v3.0 highcharts,它允许动态更改图表类型.

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

chart.series[0].update({
                type: "column"
            });
Run Code Online (Sandbox Code Playgroud)