Display labels on bar chart using Chart.js

Question

I am trying to display labels on top of bars using chart.js. My Y.-Axis has custom labels, like: scaleLabel : "<%= value + '$' %>"

So, my bar chart y.axis would be something like 1000$, 2000$ etc.. When I display lables on top of each bar, the values are displayed as 1000, 2000 etc.. Is there a way to display custom y-axis label on top of each bar?

I am looking something like, instead of 5000, how can i display "5000$" on top of each bar?

rtome · Accepted Answer · 2015-03-18 23:27:12Z

2

If you have a single dataset set the tooltipTemplate in the options.

If you have several datasets set the multiTooltipTemplate in the options.

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

See an example here.

And the documentation here.

edited Mar 18, 2015 at 23:27

answered Mar 18, 2015 at 23:21

rtome

1,9932 gold badges24 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

B. Clay Shannon-B. Crow Raven Over a year ago

I thought he was asking for the values to display on the bar chart "permanently" (not just on hover). That's what I need. I did upvote, BTW.

Collectives™ on Stack Overflow

Display labels on bar chart using Chart.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related