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