编程语言
首页 > 编程语言> > Javascript-为什么ChartJS在此代码段中跳过xAxis标签?

Javascript-为什么ChartJS在此代码段中跳过xAxis标签?

作者:互联网

很简单:

http://codepen.io/fishgills/pen/WGdKNA

在JavaScript部分,对于标签,当前显示为:

                    ticks: {
                        maxTicksLimit: 12
                    },

如果将其更改为:

                    ticks: {
                        maxTicksLimit: 6
                    },

ChartJS的线条不均匀.有人知道为什么吗?好像它跳过了x轴的数据点

解决方法:

您实际上可以使用以下选项中的userCallback属性完成查找:

options: {
    scales: {
        xAxes: [{
            ticks: {
                userCallback: function(value, index) {
                    if (index % 2) return "";
                    return value;
                }
            }
        }]
    }
}

有关更多信息,请参见documentation(向上滚动).

您可以检查this updated plunker及其结果:

enter image description here

标签:chart-js,javascript
来源: https://codeday.me/bug/20191118/2025564.html