chart.jsのLineチャートにてnumber

こんにちは。
vue-chart.jsにてグラフを作成しようと思い、試行錯誤しています。
出力する数字を「123,456」のようにカンマ区切りで表示したいのですが、方法はありますでしょうか？

<script>
import { Line } from 'vue-chartjs';

export default {
  extends: Line,
  name: 'Line',

  data: () => {
    return {

      data: {
        labels:['1', '2', '3', '4'],

        datasets: [
          {
            label: 'カウント',
            data: ['123456', '123456', '123456', '123456'],
            fill: false,
            borderColor: 'rgb(75, 192, 192)',
          }
        ]

      },

      options: {
        cutoutPercentage: 40,
        responsive: true,
        maintainAspectRatio: false,
      }, //options
    }
  },

  mounted () {
    this.renderChart(this.data, this.options)
  },

}
</script>

chart.jsのドキュメントを見ても今一つ理解できず、、ご存じの方よろしくお願い致します。

行動規範の内容に同意します

回答1件

Chart.js v3.x 系だとデフォルトで数値にカンマが表示されるようです。

■ サンプル
https://jsfiddle.net/cx20/dqxk8awy/
■ 実行結果

＜追記＞
Chart.js v2.x 系の場合、下記を試してみて下さい。
userCallback を設定することで、任意の編集処理を追加することが可能です。
下記は、三桁カンマを設定する例になります。（暫定的に、一律、小数第１位を設定するようにしています。）

■ サンプル
https://jsfiddle.net/cx20/5znot6rw/

javascript
1options: {
2  cutoutPercentage: 40,
3  responsive: true,
4  maintainAspectRatio: false,
5  scales: {
6    yAxes: [{
7      ticks: {
8        userCallback: function(value, index, values) {
9          return value.toLocaleString(undefined, {
10            minimumFractionDigits: 1, 
11            maximumFractionDigits: 1});
12        }
13      }
14    }],
15  }
16},

＜追記（2022.01.20）＞
ラベルについては tooltips の callbacks を試してみて下さい。
■ サンプル
https://jsfiddle.net/cx20/bmc4sead/

javascript
1options: {
2  cutoutPercentage: 40,
3  responsive: true,
4  maintainAspectRatio: false,
5  scales: {
6    yAxes: [{
7      ticks: {
8        userCallback: function(value, index, values) {
9          return value.toLocaleString(undefined, {
10            minimumFractionDigits: 1, 
11            maximumFractionDigits: 1});
12        }
13      }
14    }],
15  },
16  tooltips: {
17    callbacks: {
18      label: function(tooltipItem, data) {
19        return tooltipItem.yLabel.toLocaleString(undefined, {
20          minimumFractionDigits: 1, 
21          maximumFractionDigits: 1});
22      }
23    }
24  }
25}, //options