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 ]
          }]
        }
      }

它向我显示了这样的信息：

label1：10

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

label1：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';
                  }
                }
              }
            }
         });

如何将文本添加到chart.js数据？

2 个答案: