Chart.js

Question

我有一个简单的折线图，显示了一些进展。 x 轴 a 上有日期，y 轴上有状态（1 到 5）。数据总是从 1 到 5。但我需要的是将 y 轴上的标签（以及悬停点上的标签）从数字更改为通过文本字符串显示进度。例如，1 a 我需要文本字符串 "request added"、2 "request viewed"、3 "request accepted"、4 "request solved" 和 5 "solving confirmed"。我认为没有本地方法可以实现这一点，但也许有人会知道如何编辑 Chart.js 来实现它。

这是现在的照片，数字是：screenshot

抱歉我的英语不好，谢谢你的帮助！

Answer 1

您可以使用scaleLabel函数。看这里

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';
}

Chart.js - y 轴自定义标签

Chart.js - y axis custom label

javascript

label