web-dev-qa-db-ja.com

ハイチャート:すべての数値をコンマでフォーマットしますか?

私はHighchartsを使用しており、グラフ内の任意の場所に表示されるすべての数値(ツールヒント、軸ラベルなど)をコンマ区切りの数千でフォーマットします。

それ以外の場合、デフォルトのツールチップとラベルは素晴らしいので、それらをまったく同じに保ちたいです。

たとえば、このチャートでは、番号は2,581,326.31しかし、それ以外はまったく同じです。

enter image description here

これどうやってするの?

私は追加しようとしました:

    tooltip: {
        pointFormat: "{point.y:,.0f}"
    }

しかし、これはツールチップの素敵な円とシリーズのラベルを取り除きました-私はそれを保ちたいです。そして理想的には、チャート全体で単一のオプションを使用してグローバルな数値書式を設定したいと思います。

51
Richard

これはthousandSep[〜#〜] api [〜#〜] )グローバルオプションで設定できます。

Highcharts.setOptions({
    lang: {
        thousandsSep: ','
    }
});

このJSFiddleの例 を参照してください。

112

コンマやスペースなしで数字を表示したい場合。

例えば。デフォルトでは9800は9 800と表示されます。

9800を9800として表示する場合

ツールチップでこれを試すことができます:

    tooltip: {
     pointFormat: '<span>{point.y:.f}</span>'
   }
3
alia