まずはchart.jsの後にchartjs-plugin-datalabelsを読み込む。

<script src="path-to-js"></script>

new Chart()の第二引数の中に下記追記。

plugins: [ChartDataLabels],
data: {
    // ...
    datalabels: {
          // 位置や色などの設定
          color: 'rgba(60,160,60,1)',
          anchor: 'start',
          align: 'start',
          padding: {
              top: 0
          }
}
options: {
    plugins: {
        datalabels: {
          font: {
              size: 10
          },
          formatter: function(value,context){
            return value.toString();// valueを処理して表示する文字列を返す
          }
    }
}

投稿者 blvd

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です