Javascript 如何在Chart.js中将Y轴标签更改为显示为字符串而不是数字?
我正在创建一个chart.js折线图,其-y轴值高达近一百万。y轴上的值为 0 100000 200000 300000 40万等等。这可能是令人厌倦的阅读,我想改变这些数字的字符串,说100k 200k 300k,同时仍然保持相同的值,只是在页面上显示不同的值之前。 这可能吗?Javascript 如何在Chart.js中将Y轴标签更改为显示为字符串而不是数字?,javascript,string,chart.js,chart.js2,Javascript,String,Chart.js,Chart.js2,我正在创建一个chart.js折线图,其-y轴值高达近一百万。y轴上的值为 0 100000 200000 300000 40万等等。这可能是令人厌倦的阅读,我想改变这些数字的字符串,说100k 200k 300k,同时仍然保持相同的值,只是在页面上显示不同的值之前。 这可能吗? 感谢您使用他们文档中的示例,而不是返回美元符号+值返回:(value/1000+'K') 谢谢,这帮了大忙,但你知道当它悬停时,我怎么能对它做同样的事情吗。因为当我将鼠标悬停在画布上时,它仍然返回完整的数字。你能说得更
感谢您使用他们文档中的示例,而不是返回美元符号+值返回:(value/1000+'K')
谢谢,这帮了大忙,但你知道当它悬停时,我怎么能对它做同样的事情吗。因为当我将鼠标悬停在画布上时,它仍然返回完整的数字。你能说得更具体一点吗?据我所知,如果你将鼠标悬停在画布上的轴上,你看不到任何东西。我的意思是,当我将鼠标悬停在折线图上时,它自己可以通过自定义回调对记号进行相同的处理,您必须使用标签回调,并以与使用记号时相同的方式实现它。有没有方法在没有回调函数的情况下执行相同的操作?如果答案不是,请告诉我为什么?
options: {
scales: {
yAxes: [{
ticks: {
// Include a K in the ticks
callback: function(value, index, values) {
return (Number.parseInt(value)/1000) + 'K';
}
}
}]
}
}