最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Chart.js - y axis custom label - Stack Overflow

programmeradmin4浏览0评论

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!

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!

Share Improve this question asked Apr 17, 2015 at 13:03 Adam VýbornýAdam Výborný 7312 gold badges6 silver badges16 bronze badges 2
  • Why can't you use the label attribute? – Jean-Paul Commented Apr 17, 2015 at 13:06
  • @Jean-Paul beacuse label att is on x-axis – Adam Výborný Commented Apr 17, 2015 at 13:15
Add a ment  | 

1 Answer 1

Reset to default 5

You can use the scaleLabel function. Have a look here https://stackoverflow./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';
}
发布评论

评论列表(0)

  1. 暂无评论