Series Hidden when Dynamically Updating Series Type from Column to Line [Highcharts 3.0] -

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

see hitting update button.

ideally, line series appear on top of column, adjusting z-index, if makes sense.

i've tried disable animations no luck. seems have order series declared - not sure.

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

just adjust zindex each of series said:

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

see running here.