ハイチャート：yAxisに1つのカスタムラベルを追加

ハイチャートを使用していて、yAxisラベルが自動的に生成されることがわかりました。ハイチャート：yAxisに1つのカスタムラベルを追加

私はこのデータを別にして、どのゴールセットが上か下かを比較する固定ゴールラインを持っています。

3Dグラフは線をあまりうまく描画しないので、私はplotLineを使用しましたが、それは素晴らしいことです。問題は、この目標がどれくらいあるかを示すときに来ます。なぜなら、それが正しい位置にあるにもかかわらず、このゴール量を表示することがうまくいくからです。

私がしたいのは、グラフの左側にこの行の値を表示することです。これを見る人は、その特定のデータセットの目標がどれくらいあるかを知ることができます。

ここでは、グラフのスクリーンショットだ、と私はカスタムラベルを追加したい場所丸で囲ま：赤い円の中 Graph screenshot

を私は（パーセント数でなければなりません）このカスタム文字列を追加する場所です。

あなたのお手伝いをお待ちしております。ありがとう！

出典

2017-07-18 José Colina

私はあなたのチャートにカスタムラベルを追加するためのrenderer.textを使用することができるはずだと思う：http://jsfiddle.net/0hyaevax/ –

@GrzegorzBlachlińskiあなたの返事に感謝します。それはうまく動作し、レンダラーテキストの使用については考えていませんでしたが、yAxisラベルについて考えるようになりました。デフォルトのビューでは正常に動作しますが、グラフの表示角度が移動可能なため、同じ場所に留まるという問題があります。 [link]（http://prntscr.com/fx8iab） –

この例のようなものをお望みですか？ http://jsfiddle.net/0hyaevax/2/ –

グラフにカスタムテキストを追加するためにrenderer.textを使用できるはずです。私はplotLineのパスを使用しています上記のコードで 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

ハイチャート：yAxisに1つのカスタムラベルを追加

答えて

関連する問題