Add information on y Chart Js

Question

On my y axis I have value from 0 to n. I need to display this number in this style: 2 (s) 1 (s)

I just want to add "(s)" but if I do this :

data: latency+"(s)"

It doesn't work. Latency is the array where I have numbers. Thanks.

Possible duplicate of [Chart.js - Formatting Y axis](http://stackoverflow.com/questions/20371867/chart-js-formatting-y-axis) — aeryaguzov, Dec 09 '15 at 10:46

score 0 · Answer 1 · answered Dec 09 '15 at 10:46

0

You have to set the scaleLabel option like this :

scaleLabel : "<%=value%>(s)"

For example, you can set it in the global Chart options :

Chart.defaults.global = {
    scaleLabel : "<%=value%>(s)"
};

answered Dec 09 '15 at 10:46

bviale

5,245
3
28
48

score 0 · Answer 2 · edited May 23 '17 at 12:04

0

You need to use the scaleLabel property.

Look at this: Chart.js - Formatting Y axis

try :

scaleLabel: function (valuePayload) {
    return valuePayload.value + '$';
}

edited May 23 '17 at 12:04

Community

1
1

answered Dec 09 '15 at 10:47

RaidenF

3,411
4
26
42

score 0 · Accepted Answer · answered Dec 09 '15 at 10:50

Use the option

scaleLabel: "<%=value%> (s)",

if you want to change the display on the scale.

Or, if you want to change the display in the tooltip, set tooltipTemplate or multiTooltipTemplate depending on whether you have a single or multiple series.

tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %> (s)",

or

multiTooltipTemplate: "<%= value %> (s)",

Add information on y Chart Js

3 Answers3