答案 0 :(得分:3)
您应该使用允许在图表中添加自定义路径的渲染器。知道这一点,捕获加载事件并迭代每个系列点,在右侧添加线。
chart: {
type: 'column',
events: {
load: function() {
var chart = this,
series = chart.series,
each = Highcharts.each,
r = chart.renderer,
borderWidth = 2,
x,y;
each(series, function(s, i) {
each(s.data, function(p, j) {
x = p.plotX + chart.plotLeft + (p.pointWidth / 2);
y = p.plotY + chart.plotTop + borderWidth;
r.path(['M', x, y, 'L', x, y + p.shapeArgs.height])
.attr({
zIndex: 10,
'stroke-width': borderWidth,
'stroke': 'gray'
})
.add()
});
});
}
}
},