highcharts - 从列到行动态更新系列类型时隐藏系列 [Highcharts 3.0]

Question

http://jsfiddle.net/jriggs/8Sg8K/17/

通过点击更新按钮查看它。

理想情况下，如果有意义的话，我希望线条系列出现在列的顶部，比如调整 z-index。

我试过禁用动画但没有运气。似乎与声明该系列的顺序有关 - 但不确定。

$(function () {
var chart;
$(document).ready(function () {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'line'
        },
        title: {
            text: 'Monthly Average Temperature'
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5]
        },{
            name: 'Cleveland',
            data: [10, 4, 11, 14.5, 18.2, 21.5]
        }]
    },

    function (chart) {
        $('#btn').click(function () {

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

        });
    });
    });
});

Answer 1

就像你说的那样调整zIndex每个系列的：

series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5],
            zIndex: 10
        },{
            name: 'Cleveland',
            data: [10, 4, 11, 14.5, 18.2, 21.5],
            zIndex: 20
        }]

看到它在这里运行。