ChartJSでy軸のドル記号

Question

Chart.jsチャートのY軸のラベルは、お金の価値のためにドル記号が前に表示されます。

このコードはドキュメントにありますが、私のためには機能しません。

var chart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     scales: { 
      yAxes: [{ 
       ticks: { 
        // Include a dollar sign in the ticks 
        callback: function(value, index, values) { 
         return '$' + value; 
        } 
       } 
      }] 
     } 
    } 
}); 

私の結果です。 '前'にこのコードがないと、 '後'が付きます。 明らかに値の前に$を追加するだけではありませんが、何か他のことも起こっています。

これを修正する方法はありますか？

Answer 1

ここで問題となるのは、chart.jsは文字列を丸めません。なぜなら、それはあなたのためではないからです。

数字に文字列を追加すると、JavaScriptがそれを変換して精度を制御できなくなります。

あなたはあなたの問題を解決するためにtoFixedを使用することができます。

// Define wherever decimals: 
const decimals = 3; 
// ... 
var chart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     scales: { 
      yAxes: [{ 
       ticks: { 
        // Include a dollar sign in the ticks 
        callback: function(value, index, values) { 
         return '$' + value.toFixed(decimals); 
        } 
       } 
      }] 
     } 
    } 
});