Appearance
値フォーマット
チャート内に表示される値やラベルのフォーマットは、デフォルトではアカウントの言語設定に応じて最適化されます。チャートの 詳細設定 から 値フォーマット を変更できます。フォーマッタを変更している場合、言語設定に関わらず、フォーマッタの設定が優先されます。
指定場所
例えば XYチャートの場合、次のようにフォーマッタを指定できます。
- 軸のラベル
- 詳細設定 > X軸 / Y軸 > 値フォーマット
- ツールチップ上の値
- 詳細設定 > 系列 > (系列名)> 値フォーマット
- 値ラベル(値ラベル を表示している場合)
- 詳細設定 > 系列 > (系列名)> 値ラベル > 値ラベルフォーマット
数値フォーマッタと日付フォーマッタは、入力欄左端のボタンで切り替えます。日付フォーマッタでは フォーマット一覧 からプリセットも選択できます。
数値フォーマッタ
数値のフォーマッタは、d3-format の書式を利用します。数値フォーマッタビルダ から表示形式・精度・桁区切りなどを組み立てることもできます。
例えば、次のように指定できます。
| 設定値 | 数値 | フォーマット結果 |
|---|---|---|
.0f | 12345.6789 | 12346 |
,.1r | 12345.6789 | 10,000 |
-.1% | 0.5 | 50% |
また、d3-format の書式を { と } で囲み、前後に プレフィックス や サフィックス を指定できます(d3-format 本体ではなく、Codatum の独自拡張です)。
| 設定値 | 数値 | フォーマット結果 |
|---|---|---|
{,d}円 | 12345.6 | 12,346円 |
約{,d}% | 50 | 約50% |
日付フォーマッタ
日付のフォーマッタは、Day.js の書式を利用します。
例えば、次のように指定できます。
| 設定値 | 日付 | フォーマット結果 |
|---|---|---|
YYYY-MM-DD | 2025-01-01 | 2025-01-01 |
YY/M/D | 2025-01-01 | 25/1/1 |
YYYY年M月 | 2025-01-01 | 2025年1月 |