1

Highchartsを使用してグラフをプロットする必要があり、小さな値の周りにほとんど変化をプロットしないように、データを切り捨てる必要があります。

例えば。0から10の間で移動するyAxisデータがあり、プロットは問題ありません。例えば。0.0003と0.00031の間を移動するyAxisデータがあり、プロットには詳細情報が多すぎます。

チャートがその境界を自動的に定義するように、+-0.01のバリエーションを評価できるように、チャートプロットデータを作成する方法を見つける必要がありmaxます。minまた、グラフを自由に拡大できるようにしたいので、各データポイントを切り捨てたくありません。

Highchartsを使用してこれを実現する方法を知っていますか?ありがとうございました!

4

2 に答える 2

6

tickInterval解決策は、y軸に表示するティック数に基づいて計算することです。

(チャートをきれいに保つために)10ティックだけを見たいとすると、次のようなことができますhttp://jsfiddle.net/W9xKR/9/

このコード例では、最小目盛り間隔を0.01に設定しているため、この数値より下にグリッド線が表示されることはありません。これにより、必要な詳細レベルが得られます。

その例のデータ配列をいじると、次のようになります。

var data = [ 0.0001, 0.0003, 0.000305, 0.000306, 0.000307, 0.000309, 0.00031, 0.01, 0.035, 0.07, 0.15, 3];

0.3間隔で10ティックを設定します。ただし、データセットから大きい値を削除すると、次のようになります。

var data = [ 0.0001, 0.0003, 0.000305, 0.000306, 0.000307, 0.000309, 0.00031, 0.01, 0.035];

0.01間隔で設定された6ティックのみを取得します。

各ズームレベルで同じティック数を維持する場合は、ズーム時にこれを再計算する必要があることに注意してください。

于 2011-09-27T12:28:31.790 に答える
1

これが役立つかどうかを確認してください。

alignTicks: false

ここhttp://jsfiddle.net/highcharts/ebuTs/3735/を参照してください。違いを確認するには、コードからalignTicksを削除します。

于 2013-01-17T09:01:43.377 に答える