Chart.jsグローバルにフォーマットされた番号ラベル

Question

私がしたいのは、Y軸とツールチップのカンマで数値をフォーマットする単純なグローバルオプションを設定することです。私は100万の例を試しましたが、私はこれを動作させることができません。

バージョン：Chart.js/2.2.2

私は、単純なグローバルオプションを使用して、Y軸とツールチップの値のカンマですべての数値をフォーマットしたいと思います。これをグローバルで簡単に使用できる理由は、JSONデータを生成して動的に送信し、そのオプションを追加することは、すべての数値が同じように動作する必要があるときに動的に苦痛になることです。

Answer 1

デベロッパーと話した後、y軸とツールチップ番号の書式を設定するためのすばらしいグローバルメソッドがあります。これが他の人にも役立つことを願っています！

これを制御するには、間違いなくグローバルオプションを使用できます。たとえば、ここにあなたがので、すべてのリニアスケール（デフォルトY軸）ドル記号と素敵な数字

Chart.scaleService.updateScaleDefaults('linear', { 
    ticks: { 
    callback: function(tick) { 
     return '$' + tick.toLocaleString(); 
    } 
    } 
}); 

を使用してフォーマットすることをここであなたにもツールチップ

ために同じことを行うことができる方法だアップデートする方法を

をです

Chart.defaults.global.tooltips.callbacks.label = function(tooltipItem, data) { 
    var dataset = data.datasets[tooltipItem.datasetIndex]; 
    var datasetLabel = dataset.label || ''; 
    return datasetLabel + ": $" + dataset.data[tooltipItem.index].toLocaleString(); 
}; 

は、それから私は、軸とデータセットの設定の中にフォーマットするための簡単なフラグを含めについて尋ね：

私は非常に多くの異なるオプションがあり、それぞれをサポートしようとすると既に大きなライブラリのサイズを劇的に増やすため、これらをコアに含めることを躊躇しました。開発をスピードアップするために、これらの関数の作成を本質的に自動化するフォーマッタのライブラリを作成するよう促すのは意味があります。

参考文献：

https://github.com/chartjs/Chart.js/issues/3294#issuecomment-246532871 https://jsfiddle.net/ChrisGo/k4Lxncvm/