Highcharts：添加一個自定義標籤，以y軸

我使用highcharts，我知道，Y軸標籤自動生成。Highcharts：添加一個自定義標籤，以y軸

的事情是我有這個三維圖中，除了數據，有上，我們比較的數據集是高於或低於其固定的「目標」行。

由於3D圖形不渲染線非常好，我用了一個情節主線和它的作品奇妙。當我試圖展示這個'目標'有多大時，問題就出現了，因爲即使它處於正確的位置，顯示這個目標數量也不錯。

我想要做的是在圖的左邊這條線的值顯示，讓誰看到它是能夠知道目標有多少是針對特定的數據集。

這裏是圖的截圖，和盤旋我想添加自定義標籤的地方： Graph screenshot

裏面的紅色圓圈，我想添加這個自定義字符串（這應該是一個百分比數）。

我感謝所有幫助你們可以提供。謝謝！

來源

2017-07-18 José Colina

我認爲你應該能夠使用renderer.text添加自定義標籤到您的圖表：http://jsfiddle.net/0hyaevax/ –

@GrzegorzBlachliński感謝您的回覆。這工作得很好，我沒有想過使用渲染文本，只是想着yAxis標籤。它對於默認視圖工作正常，但由於我的圖形視角是可移動的，所以問題在於它停留在相同的地方。 [鏈接]（http://prntscr.com/fx8iab） –

所以你想實現類似於這個例子？ http://jsfiddle.net/0hyaevax/2/ –

您應該能夠使用renderer.text您的圖表中添加自定義文本。 http://api.highcharts.com/highcharts/Renderer.text

load: function() { 
    var chart = this, 
     yAxis = chart.yAxis[0], 
     plotLine = yAxis.plotLinesAndBands[0], 
     pLPath = plotLine.svgElem.d; 
    chart.renderer.text('CUSTOM LABEL', parseFloat(pLPath.split(' ')[7]) - 100, parseFloat(pLPath.split(' ')[8])).addClass('cT').attr({ 
     fill: 'red' 
    }).add(); 
    },

在上面的代碼我使用的情節主線的路徑。

活生生的例子如何圖表可以工作：

http://jsfiddle.net/0hyaevax/2/

來源

2017-07-19 11:09:39

Highcharts：添加一個自定義標籤，以y軸

回答

相關問題