2016-06-29 22 views
2

x軸のラベルがx = 0の線に沿って表示されるように移動しようとしています。スケールは絶えず変化しているので、y = 0は各プロットの同じ場所にない可能性があるため、ピクセルを使用して位置を設定する必要はありません。ハイチャートを使用して、y軸に沿ってx軸ラベルを配置するにはどうすればよいですか?

私はこのサイトでこの質問を調べようとしましたが、以下に示すように "crossing:0"を使用することをおすすめしましたが、動作しません。

xAxis: { 
    min: -20, 
    max: 20, 
    tickInterval: 1, 
    gridLineWidth: 1, 
    endOnTick: false, 
    crossing:0, 
    title: { 
     text: 'some value', 
    }, 

誰かがこのポジションを手伝ってくれたら、私はそれを感謝します。ここで

は私のJsFiddleです:http://jsfiddle.net/z7eyv/35/

答えて

2

crossingはHighchartsのアウトオブボックスの機能ではありません。

私が見つけることができるものに基づいて、それはあなたが何をしたいようだここに配置されている「クロッシング固有の価値」Highchartsプラグイン、次のとおりです。http://www.highcharts.com/plugin-registry/single/6/Crossing-Specific-Values

アップデート(2016年7月5日):アドレスへあなたにcrossing変数を追加し、

<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 
<script src="https://rawgithub.com/highslide-software/crossing-specific-value/master/crossing-specific-value.js"></script> 

:あなたのフィドルについてのコメントは、明示的にあなたがHighchartsライブラリに持参した後、「クロッシング固有の価値」プラグインを(下の三行目を参照)を追加する必要がありますx軸はデモのようにラベルを表示します。

あなたの求めるフィーリングに合わせて、あなたのフィドル(http://jsfiddle.net/brightmatrix/z7eyv/38/を参照)にいくつか微調整を行いました。

1)デモをデフォルトとして使用すると、プラグインによってラベルが軸線の上に表示されるようです。

yAxis: { 
    min: -20, 
    max: 20, 
    tickInterval: 1, 
    endOnTick: false, 
    title: { text: 'some value' }, 
    plotLines: [{ 
     value: 0.1, 
     width: 1, 
     color: 'black', 
     zIndex: 10 }]  // moves the plot line above the axis gridline 
    }, 
を次のように私は、y軸用のプロットラインを調整)

xAxis: { 
    crossing: 0, 
    opposite: true, 
    min: -20, 
    max: 20, 
    tickInterval: 1, 
    gridLineWidth: 1, 
    endOnTick: false, 
    title: { text: '' }, 
    labels: { y: 15 }  // pushes the labels down below the crossing line 
    }, 

2:私は、私は次のようでしたので、ラベルは下の行より良い準備ができている事例を見てきました

zIndexの値が10の場合、通常のグリッド線の上に表示されます。ここでは、これがどのように見えるかです:

enter image description here

これは、より良いあなたの質問に答える場合は私に知らせてください。

+0

お返事ありがとうございます。私はそれを見ましたが、JsFiddleで行ったこととどのように違うのか分かりません。彼らは私がやったのと同じように「交差」を使っているようだ。コードのどこかに違いがないのですか? – user3666954

+0

Mikeは言ったように、現時点では、あなたが持っているような拡張機能や独自のコードを使う必要があります。これはビルドインではないからです。 –

+0

@ user3666954私は自分の答えを更新しました。私の拡大した説明がもっと役立ったら教えてください。 –

関連する問題