使用 Chart.js 在条形图上显示标签

【问题标题】：Display labels on bar chart using Chart.js使用 Chart.js 在条形图上显示标签
【发布时间】：2015-03-18 15:42:11
【问题描述】：

我正在尝试使用 chart.js 在条形顶部显示标签。我的 Y.-Axis 有自定义标签，例如： scaleLabel : ""

所以，我的条形图 y.axis 将类似于 1000$、2000$ 等。当我在每个栏的顶部显示标签时，值显示为 1000、2000 等。有没有办法在每个条的顶部显示自定义 y 轴标签？

我看起来像，而不是 5000，我怎样才能在每个栏的顶部显示“5000$”？

【问题讨论】：

标签： chart.js

【解决方案1】：

如果您有单个数据集，请在选项中设置 tooltipTemplate。

如果您有多个数据集，请在选项中设置 multiTooltipTemplate。

var options = {
  scaleLabel : "<%= value + '$' %>",
  // String - Template string for single tooltips
  tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= value + '$' %>",
  // String - Template string for multiple tooltips
  multiTooltipTemplate: "<%= value + '$' %>",
};

见an example here。

还有documentation here。

【讨论】：

不客气。您可以投票并接受我的回答吗？谢谢:-)
我以为他是在要求将值“永久”显示在条形图上（不仅仅是悬停时）。这就是我需要的。顺便说一句，我确实投了赞成票。