Javascript Y轴使用chart.js设置自定义值
我正在使用图表js与离子 我需要在y轴上设置自定义值 Y轴设置这些值5M、30M、1H、6H 如下图所示 这是我的密码Javascript Y轴使用chart.js设置自定义值,javascript,chart.js,Javascript,Chart.js,我正在使用图表js与离子 我需要在y轴上设置自定义值 Y轴设置这些值5M、30M、1H、6H 如下图所示 这是我的密码 options: { scales: { yAxes: [{ ticks: { beginAtZero:true }
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
这是我的输出
我需要更改为y轴。好的,这个答案已经晚了,但是对于任何面临这个问题的人来说。 要更改y轴标签,可以在图表选项的ticks对象中使用回调。可以为每个y轴点指定要返回的字符串 以下是问题中要求的示例代码:
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
min: 0,
max: 4,
stepSize: 1,
callback: function (label, index, labels) {
switch (label) {
case 0:
return ' ';
case 1:
return '<5 M';
case 2:
return '>5 M';
case 3:
return '<30 M';
case 4:
return '>30 M';
}
}
}
}
]
}
}
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的,
分:0,,
最高:4,
步长:1,
回调:函数(标签、索引、标签){
开关(标签){
案例0:
返回“”;
案例1:
返回“5米”;
案例3:
返回“30米”;
}
}
}
}
]
}
}
好的,这个答案已经晚了,但是对于任何面临这个问题的人来说。
要更改y轴标签,可以在图表选项的ticks对象中使用回调。可以为每个y轴点指定要返回的字符串
以下是问题中要求的示例代码:
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
min: 0,
max: 4,
stepSize: 1,
callback: function (label, index, labels) {
switch (label) {
case 0:
return ' ';
case 1:
return '<5 M';
case 2:
return '>5 M';
case 3:
return '<30 M';
case 4:
return '>30 M';
}
}
}
}
]
}
}
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的,
分:0,,
最高:4,
步长:1,
回调:函数(标签、索引、标签){
开关(标签){
案例0:
返回“”;
案例1:
返回“5米”;
案例3:
返回“30米”;
}
}
}
}
]
}
}
请给我们看一些代码,你尝试了什么?谢谢你的评论。我更新了我的问题。请检查。请给我们看一些代码,你尝试了什么?谢谢你的评论。我更新了我的问题。请检查。