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

Question

我正在尝试使用chart.js在条形图上显示标签。我的Y轴有自定义标签，例如：scaleLabel: "<%= value + '$' %>"。因此，我的条形图y轴将是1000美元，2000美元等等。当我在每个条形上显示标签时，值显示为1000、2000等等。是否有一种方法可以在每个条形的顶部显示自定义y轴标签？我希望看到的是，而不是5000，如何在每个条形的顶部显示"5000$"?

- user3022588

Answer 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 + '$' %>",
};

请查看这里的示例。

以及这里的文档。

- rtome

---

不客气。您能给我的回答点个赞并接受吗？谢谢 :-) - rtome

我认为他是在询问如何“永久”地在条形图上显示数值（而不仅仅是悬停时）。这正是我所需要的。顺便说一句，我已经点赞了。 - B. Clay Shannon-B. Crow Raven