Javascript 如何禁用图表js中x轴上显示的最后/最大值?
嗨,我有一个一天中每小时的数据集列表,如下所示:Javascript 如何禁用图表js中x轴上显示的最后/最大值?,javascript,chart.js,Javascript,Chart.js,嗨,我有一个一天中每小时的数据集列表,如下所示: {"x":"2017-10-14T00:00:00","y":95},{"x":"2017-10-14T01:00:00","y":62},...,{"x":"2017-10-14T23:00:00","y":23} 我想在x轴上以四小时为单位显示它们,因此设置如下: scales: { xAxes: [{ type: 'time', time: { displayFormats:
{"x":"2017-10-14T00:00:00","y":95},{"x":"2017-10-14T01:00:00","y":62},...,{"x":"2017-10-14T23:00:00","y":23}
我想在x轴上以四小时为单位显示它们,因此设置如下:
scales: {
xAxes: [{
type: 'time',
time: {
displayFormats: {
'hour': 'HH:mm'
},
unit: 'hour',
stepSize: 4
}
}]
}
然而,图表js会在x轴末端显示last/max值“23:00”,这非常令人讨厌,因为每个刻度都有4小时的差异。我可以问一下如何禁用x轴上的最后一个/最大值吗?您可以使用x轴刻度的回调函数来隐藏/禁用最后一个值,如下所示:
scales: {
xAxes: [{
ticks: {
callback: function(tick) {
// if tick/value is not equals to '23:00'
// then return the tick/value
// else return an empty string
return tick !== '23:00' ? tick : '';
}
}
}]
}
ᴅᴇᴍᴏ ⧩强>
log=console.log;
var图表=新图表(ctx{
键入:“行”,
数据:{
标签:['19:00','20:00','21:00','22:00','23:00'],
数据集:[{
标签:“行”,
数据:[3,1,4,2,5],
背景颜色:“rgba(0,119,290,0.2)”,
边框颜色:“rgba(0,119,290,0.6)”
}]
},
选项:{
比例:{
xAxes:[{
滴答声:{
回调:函数(勾选){
//如果勾号/值不等于“23:00”
//然后返回勾号/值
//否则返回空字符串
返回勾号!='23:00'?勾号:“”;
}
}
}]
}
}
});代码>