23

エリアスプライン チャートには、最大約 6000 までの Y 軸の値があります。Highcharts は、Y 軸の「000」の部分を「k」に自動的に変更します。

私はフランス人で、サイトは同じ言語で書かれているため、この "k" の省略形は私の場合は意味がなく、代わりにカジュアルな "000" を表示したいと考えています。

これは可能ですか?どのように?

4

2 に答える 2

40

これを行うには、次のように with を明示的にオーバーライドしlang.numericSymbols*ます。nulldefaultOptions

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

于 2013-01-17T12:11:58.660 に答える
0

@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 よりはましです。

于 2015-04-10T14:23:48.787 に答える