如何使用高圖添加特定於列的繪圖？

Question

我想製作一個使用js HighCharts的柱狀圖，該圖對於圖表的每一列都有2個獨特的繪圖線，而不是跨越整個圖表的寬度的單個繪圖線。

這樣我就能夠顯示每列的最大值和最小值。

Answer 1

您無法制作出實際的作品。

您可以使用分散系列，並定義自定義線標記類型，喜歡這裏：

http://jsfiddle.net/highcharts/e96yX/

示例代碼爲兩個水平線和垂直線：

Highcharts.Renderer.prototype.symbols.vline = function(x, y, width, height) { 
    return ['M',x ,y + width/2,'L',x+height,y + width/2]; 
}; 
Highcharts.Renderer.prototype.symbols.hline = function(x, y, width, height) { 
    return ['M',x ,y + height/2,'L',x+width,y + width/2]; 
}; 

或者，根據您的問題，列範圍圖也可能有幫助：

http://highcharts.com/demo/columnrange