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

Question

我正在尝试使用 chart.js 在条形图顶部显示标签。我的 Y 轴有自定义标签，例如:scaleLabel : "<%= value + '$' %>"

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

我看起来像，而不是 5000，如何在每个栏的顶部显示“5000$”？

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

参见 an example here .

还有 documentation here .