highcharts - 帶有繪圖線的實心標尺

我希望能夠以繪圖線的形式顯示固體標尺的額外信息。它並不像我預期的那樣工作，但我不確定它會起作用。highcharts - 帶有繪圖線的實心標尺

我已經添加了一個plotLine到量表的y軸像這樣。

Axis: { 
      min: 0, 
      max: 200, 
      title: { 
       text: 'Speed' 
      }, 
      plotLines: [{ color: 'green', width: 1, value: 6, dashStyle: 'Dash' }] 
     },

我從highcharts網站採取了堅實的規例和編輯它

http://jsfiddle.net/wjaq4da2/

可以這樣修改工作，或者我應該採取不同的方法？

來源

2016-08-04 Daniel

你怎麼想它的工作？您可以將zIndex添加到plotLine中，也許這將滿足您的要求：http://jsfiddle.net/wjaq4da2/1/ –

您的預期結果是什麼？正如我所看到的，試圖在綠色標準值上繪製綠線並不會真正奏效。 – apokryfos

我想要一條線穿過儀表，但不是從圖表的中心點。希望它會穿過儀表並在離開儀表後不久停下來。該線不一定是綠色的。 – Daniel

您可以使用Renderer.arc()來渲染圓弧，並使用相同的值設置outerRadius和innerRadius。

API參考：
http://api.highcharts.com/highcharts/Renderer.arc

例子：
http://jsfiddle.net/1j504gsq/

來源

2017-08-21 16:05:59

，可以嘗試通過的情節線的標籤添加額外的信息。就像這個例子：

plotLines: [{ 
    color: 'green', 
    width: 1, 
    value: 6, 
    zIndex:10, 
    dashStyle: 'Dash', 
    label: { 
     text: 'Description', 
     verticalAlign: 'top', 
     //textAlign: 'left', 
     y: -5 
    } 
}]

演示小提琴：http://jsfiddle.net/aabramya/wjaq4da2/21/

來源

2017-08-22 15:04:10

highcharts - 帶有繪圖線的實心標尺

回答

相關問題