Charts.js Y軸を通貨と千のセパレータでフォーマットする
2023-10-31 10:52:13
質問
私のサイトでグラフを表示するためにCharts.jsを使用しています。現在、ラベルは数字の長い文字列として表示されています (すなわち、123456)。 私はそれが千のセパレータを持つ通貨として表示されるようにしたい:(すなわち123,456ドル)。
scaleLabelオプションを使用して、値の前に$ USDシンボルを置いています。
scaleLabel: "<%= ' $' + Number(value)%>"
と、カンマ区切りの挿入を行う関数があります。
function(label){return label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");}
ただ、これらをどのように組み合わせて使えばいいのかがわかりません。
以下はそのフィドルです。 http://jsfiddle.net/vy0yhd6m/79/
(現在、グラフは上で引用した 2 つの JavaScript のうちの 1 つを削除した場合にのみ動作することに留意してください)
ありがとうございました。
どのように解決するのですか?
関数内のラベルの構成に通貨の接頭辞を含めることができるはずなのですが...。
var options = {
animation: false,
scaleLabel:
function(label){return '$' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");}
};
関連
-
[解決済み] JavaScriptでカンマを桁区切りにして数値を表示する方法
-
[解決済み] セレクトボックスのオプションをすべて削除してから、オプションを1つ追加して、jQueryで選択するにはどうすればよいですか?
-
[解決済み] JavaScriptで小数点以下が2つだけの数値を書式設定する
-
[解決済み] URL/アドレスバーからJavascriptの関数を呼び出す
-
[解決済み] WebStormで未解決の変数が大量にある場合の警告に対処する方法は?
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] JavaScriptで文字列を数値に変換する最速の方法は何ですか?
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JSのDateからDay名
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか?
-
[解決済み] $.ajax実行中にローディングイメージを表示する
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] JSHintの'+'前の改行不良の説明
-
[解決済み] JavaScriptでDIVを表示・非表示にするには?
-
[解決済み] Chart.js - Y軸の書式設定