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

点击更新按钮查看它

理想情况下，我只希望线条系列显示在列的顶部，如调整z索引，如果这有意义的话

我尝试过禁用动画，但没有成功。似乎与序列的声明顺序有关，但不确定

$(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"
            });

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

---

只需为每个系列调整

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
        }]

---

看到它在运行。

在运行之前，我不知道哪个系列将更改为line。你知道有没有一种方法可以明确地说明行序列始终显示在顶部？当然没有。但是我想你可以增加用户（我假设）将选择的序列的

zIndex

，并根据需要减少其他序列。或者迭代加载的系列，并确保第一行的

zIndex

大于其他行。或者，您可以为列系列和行系列定义索引，并且在使用

update（）

将类型设置为列系列时，也可以设置新的zIndex。从柱类型返回到样条曲线时也一样，请参见：