如何向 chart.js 數據添加文本？

Question

我需要幫助在顯示圖形的數據后添加文本，我的代碼如下：

var ctx = document.getElementById("chart-area");
      var myChart = new Chart(ctx, {
          type: 'pie',
          data: {
          labels: ["label1", "label2", "label3", "label4"],
          datasets: [{
            data: [ 10, 20, 30, 40 ]
          }]
        }
      }

它向我展示了這樣的信息：

標簽 1：10

但我需要在那之后添加文本，例如：

標簽 1：10 Mb

拜托，我不知道如何添加它，我已經嘗試了幾種方法

Answer 1

ChartJs 不提供您必須使用的任何格式標簽功能。 使用空數組初始化圖表配置，然后在推送數據時更新它。

從這個參考https://github.com/chartjs/Chart.js/issues/2738

這是小提琴鏈接： http : //jsfiddle.net/qsnpsxz5/7/

chart.config.data.labels.push("A label");
chart.config.data.labels.push("A label2");
chart.config.data.datasets[0].data.push(10);
chart.config.data.datasets[0].data.push(20);
chart.update();

Answer 2

嘗試使用此腳本

var ctx = document.getElementById("chart-area");
              var myChart = new Chart(ctx, {
                  type: 'pie',
                  data: {
                      labels: ["label1", "label2", "label3", "label4"],
                      datasets: [
                          { data: [ 10, 20, 30, 40 ] }
                      ]
                  },
               options: {
                  tooltips: {
                  enabled: true,
                  callbacks: {
                  label: function(tooltipItem, data) {
                      var label = data.datasets[tooltipItem.datasetIndex].label;
                      var val = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
                      return label + ' : ' + val + ' Mb';
                  }
                }
              }
            }
         });