chart.js 2 - Is it possible to format tick labels with HTML?

Question

I have a chart that shows 3 datasets - 2 Line, 1 Bar.

I would like to be able to format the Y-2 axis labels in the screenshot below with HTML to allow me to show the values in each tick as bubbles to match the styling displayed on the line data points. (I am using the datalabels plugin to achieve the data point styling https://github.com/chartjs/chartjs-plugin-datalabels).

In addition to this I would like to have all labels with "XLabelLine1" and "XLabelLine2" to have a line break between them.

Is this possible? From looking at the docs it looks as if the axis labels can only be strings.

score 1 · Answer 1 · answered Aug 24 '18 at 14:51

1

You are correct that the tick labels can only be strings and that the Chart.JS tick labels do not have HTML support. It's likely a plugin would need to be developed for this behavior. Sorry. :)

answered Aug 24 '18 at 14:51

buddyp450

528
2
10
27

do you know if such a plugin exists? – Martin Taleski May 23 '19 at 16:30
At the time that I searched there wasn't one, probably with good reason - I imagine adding full HTML support to the tick labels is not easy especially with all the other layout concerns – buddyp450 May 30 '19 at 18:22

chart.js 2 - Is it possible to format tick labels with HTML?

1 Answers1