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

Question

非常简单:

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

在 JavaScript 部分，对于标签，它目前说:

                    ticks: {
                        maxTicksLimit: 12
                    },

如果将其更改为:

                    ticks: {
                        maxTicksLimit: 6
                    },

ChartJS 不会均匀地呈现线条。有人知道为什么吗？看起来它跳过了 x 轴的数据点

Answer 1

您实际要查找的内容可以通过选项中的 userCallback 属性来完成:

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

参见 documentation关于它(向上滚动一下)以获取更多信息。

可以查看this updated plunker ，及其结果: