从列到行动态更新系列类型时隐藏的系列[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
        }]

看到它正在运行here。