1. ホーム
  2. javascript

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, ",");}
};

http://jsfiddle.net/vy0yhd6m/80/