Javascript chart.js添加Percange登录工具提示 var-dmgchartt=document.getElementById（“dmgchart”）； 新图表（dmgchartt{ 类型：“雷达”， 数据：radarChartData0， 选项：{ ToolTiptTemplate:“：”， 比例：{ 滴答声：{ 贝吉纳泽罗：是的 } }, 标题：{ 显示：对， 文本：“标题” } } });

它只显示没有百分号的值。我试图在工具提示上的值后面添加百分号，但没有成功。还有，如何选择工具提示是多个还是单个？我有两个数据集

---

您应该尝试将

%

放在值块之外。 我是这样使用它的：

    var dmgchartt = document.getElementById("dmgchart");
    new Chart(dmgchartt, {
    type: "radar",
    data: radarChartData0,
    options: {
             tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= value + ' %' %>",
              scale: {
                ticks: {
                    beginAtZero: true
                }
            },
            title: {
            display: true,
            text: 'Title'
        }
    }
});

ToolTiptTemplate:：%，

如果您按照@xnakos在评论中的建议使用Chart.js 2.0，则必须使用

选项、工具提示、回调、标签

    tooltipTemplate: "<%= label %>: <%= value %>%",

---

提到的解决方案对我不起作用。它抛弃了默认的标签处理（data.labels/dataset labels），您必须再次格式化字符串。如果只需要添加百分号，只需使用默认回调

Chart.defaults.global.tooltips.callbacks.label即可，如前所述。因此，对于v2.x，它将是：

 var dmgchartt = document.getElementById("dmgchart");
 new Chart(dmgchartt, {
        type: 'radar',
        data: data,
        options: {
            tooltips: {
                mode: 'label',
                callbacks: {
                    label: function(tooltipItem, data) {
                        return data['datasets'][0]['data'][tooltipItem['index']] + '%';
                    }
                }
            },
          scale: {
            ticks: {
                beginAtZero: true
            }
        },
        title: {
        display: true,
        text: 'Title'
    }

    }
    });

Mac的答案非常接近，但我在实现它时遇到了一个问题：

 options: {
    tooltips: {
      callbacks: {
        label: function(tooltipItem, data) {
          return Chart.defaults.global.tooltips.callbacks.label(tooltipItem, data) + '%';
        }
      }
    }
  }

相反，请使用工具提示项['datasetIndex']允许正确的显示在悬停时显示。否则，无论悬停在什么位置，它都只显示第一个数组值。我实施的解决方案如下：

return data['datasets'][0]['data'][tooltipItem['index']] + '%';

我试过你的
，它对我也有用。一定和if部分有关。您使用的是Chart.js2.0，对吗？你能提供一个JSFIDLE吗<代码>工具脚本模板

用于Chart.js 1.0。在Chart.js 2.0中，可以使用选项、工具提示、回调、标签。如果需要标签和值：

label:function（tooltipItem，data）{var idx=tooltipItem['index']；var caption=data.labels[idx]；var captionValue=data['datasets'][0]['data'][idx]；返回caption+'：'+captionValue+'%'；}

return data['datasets'][tooltipItem['datasetIndex']]['data'][tooltipItem['index']] + '%';