2017-07-31 14 views
0

私はそれを作成しようとしています。私のグラフは、現在のようにすべて表示することができます。 1つの大きな線にします。私は、グラフの上に表示されるデータが3,000と表示され、その後にツールチップが3kと表示されるようにしています。しかし5のときはグラフで5と表示されますが、ツールチップは5として表示されます。Highchartsデータのサイズ変更時にグラフが100を超えるとサイズ変更

私はこれをどうやってできるのか分かりません。私はここで何かを変更するが、どのような非常にわからないイムする必要があると思う http://jsfiddle.net/kzL0phfu/

しかし、ここでは私のコードです。

だから、
yAxis: { 
gridLineInterpolation: 'polygon', 
lineWidth: 0, 
min: 0, 
gridLineColor: "#808080", 
gridLineDashStyle: "Solid", 
gridLineWidth: 2, 
labels: { 
    format: '{value:.2f}', 
    style: { 
    color: '#c4c4c4', 
    font: '11px Trebuchet MS, Verdana, sans-serif' 
    } 
} 
} 
+0

大きなラベルのバージョンを軸ラベルとして表示したいですか? xAxis.formatter(http://api.highcharts.com/highcharts/xAxis.labels.formatter)を使用しようとしましたか? –

+0

私はx軸とy軸が99のmasであるように、99より短い数になるようにしています.3000になる3000のような数字で、ツールチップは3kとして表示されます –

答えて

0

、あなたの例に基づいて、あなたが99の最大値を設定したいいくつかの異なるデータポイントを持っていますが、それらのデータポイントの一つ、「率を獲得し、」うまく千を超えることができ、チャートをスキューします(他のデータポイントは見えなくなります)。

最大値が99の「勝率」の値を表示する場合は、に変更することをお勧めします。これをHighchartsコードに入れてください。例えば

、あなたはAPIやデータベースからこのデータに持っている場合、最初デバイド100 によって値「率を獲得」し、その後チャートシリーズに追加します。 Highchartsコードを変更する必要はありません。

したがって、サンプルデータを使用すると、3843と6245の「勝率」の値は、38.43と62.45として表示され、グラフが読みやすくなります(下記参照)。

enter image description here

私は、これは便利です願っています。データを別の方法で入手している場合は、私に知らせてください。同様の解決方法があります。

+0

私の質問はどうやってできますか?その1000を超えるときにKをそれの最後に置く –

関連する問題