如何为内甜甜圈添加工具提示

Question

无法解决如何为内甜甜圈添加工具提示的问题 使用chart.js 1.0.1，小提琴有2.7.2库

https://jsfiddle.net/xpvt214o/216304/

tooltips: {
      callbacks: {
        label: function(tooltipItem, data) {
            var tooltipLabel = data.labels[tooltipItem.index];
            var tooltipData  = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
    var tooltipData1 = data.datasets[tooltipItem.datasetIndex].data1[tooltipItem.index];
    return tooltipLabel + ': £' + tooltipData + ', ' + tooltipData1 + '% ';
                    }
                  }
              }
          }

任何帮助将不胜感激。 感谢

Answer 1

致未来的自我：

在数据集中的数据[]之后添加了data1：[]，

 data: [
{% for row in monthlyChart_avg_prev %}
"{{ row[6] }}",
{% endfor %}
],
data1: [
{% for row in monthlyChart_avg_prev %}
"{{ row[8] }}",
{% endfor %}
],

然后使用工具提示：

 tooltips: {
      callbacks: {
        label: function(tooltipItem, data) {
            var tooltipLabel = data.labels[tooltipItem.index];
            var tooltipData  = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
var tooltipData1 = data.datasets[tooltipItem.datasetIndex].data1[tooltipItem.index];
return tooltipLabel + ': £' + tooltipData + ', ' + tooltipData1 + '% ';
                    }
                  }
              }

在chartsjs.org上找到