CODEWITHSUNDEEP
javascriptlabelchart.js
Adam Výborný
Adam Výborný

Reputation: 731

Chart.js - y axis custom label

I have simple line graph which is show some progress. There are dates on x-axis a and status (1 to 5) on y-axis. Data will always be from 1 to 5. But what I need is to change labels on y-axis (and labels on point hover too) from numbers to showing progress by text string. For example where is 1 a I need text string with "request added", on 2 "request viewed", on 3 "request accepted" on 4 "request solved" and on 5 "solving confirmed". I think there is no native way to achieve this, but maybe someone will know how to edit Chart.js to make it.

Here is a picture how it looks now, with these number: screenshot

Sorry for my english and thx for any help!

Upvotes: 3

Views: 12534

Answers (1)

meteor
meteor

Reputation: 2568

You can use the scaleLabel function. Have a look here https://stackoverflow.com/a/28700578/909535

scaleLabel: function (valuePayload) {
if(Number(valuePayload.value)===1)    
return 'request added';
if(Number(valuePayload.value)===2)    
return 'request viewed';
if(Number(valuePayload.value)===3)    
return 'request accepted';
if(Number(valuePayload.value)===4)    
return 'request solved';
if(Number(valuePayload.value)===5)    
return 'solving confirmed';
}

Upvotes: 5

Related Questions