エリアスプライン チャートには、最大約 6000 までの Y 軸の値があります。Highcharts は、Y 軸の「000」の部分を「k」に自動的に変更します。
私はフランス人で、サイトは同じ言語で書かれているため、この "k" の省略形は私の場合は意味がなく、代わりにカジュアルな "000" を表示したいと考えています。
これは可能ですか?どのように?
エリアスプライン チャートには、最大約 6000 までの Y 軸の値があります。Highcharts は、Y 軸の「000」の部分を「k」に自動的に変更します。
私はフランス人で、サイトは同じ言語で書かれているため、この "k" の省略形は私の場合は意味がなく、代わりにカジュアルな "000" を表示したいと考えています。
これは可能ですか?どのように?
これを行うには、次のように with を明示的にオーバーライドしlang.numericSymbols*
ます。null
defaultOptions
Highcharts.setOptions({
lang: {
numericSymbols: null //otherwise by default ['k', 'M', 'G', 'T', 'P', 'E']
}
});
ドキュメントには次のように書かれています
数値記号:
Array<String>
軸ラベルの大きな数値を短縮するために使用されるメトリック プレフィックス。いずれかの位置を null に置き換えると、完全な数値が書き込まれます。numbericSymbols を null に設定すると、短縮が完全に無効になります。デフォルトは ['k', 'M', 'G', 'T', 'P', 'E'] です。
**v1.2.0 (2012-08-24) から公式に利用可能。v1.2.0
より前ではサフィックスがハードコードされていたため、これは機能しません。*
(フォーマッタをサポートするすべてのバージョンで動作するはずです)
値をそのまま使用yAxis.labels.formatter
して返す
yAxis: {
labels: {
formatter: function () {
return this.value;
}
}
}
軸値のメトリック表記を無効にする | Highchart & Highstock (v1.2+) @ jsFiddle
軸値のメトリック表記を無効にする | Highchart & Highstock (旧バージョン) @ jsFiddle
@Jugal-Thakkar の回答に基づいて、次のように実装しました。
numericSymbols: [' × 10³', ' × 10⁶', ' × 10⁹', ' × 10¹²', ' × 10¹⁵', ' × 10¹⁸'],
上付き文字 0 および 4 ~ 9 は UTF-8 文字のみです。これらをサポートするフォントを指定する必要があります。そうしないと、「上付き数字の Unicode 文字の表示が同じ高さでないのはなぜですか?」で説明されているように、フォント置換の問題が発生します。.
私が使う:
font-family: Lucida Sans Unicode, Arial Unicode MS, Cambria, Calibri, Consolas;
また、180 × 10¹² よりも 1.8 × 10¹⁴ の方がよいと思いますが、読みにくい 180000000000000 よりはましです。