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'?勾号:“”;
}
}
}]
}
}
});