为什么ChartJS在这段代码中跳过了一个xAxis标签？

Question

相当直接：

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

在JavaScript部分，标签当前显示为：

                    ticks: {
                        maxTicksLimit: 12
                    },

如果你把它改成：

                    ticks: {
                        maxTicksLimit: 6
                    },

ChartJS不能均匀渲染线条。有人知道为什么吗？看起来它跳过了x轴的一个数据点。

- Charlie

---

我不明白问题出在哪里。实际上，在二月和五月之间有两个月（三月和四月），因为你的刻度之间有两个值。我看不到哪里有跳过的数据。 - tektiv

我正在尝试为二月和四月添加标签。跳过三月和五月。 - Charlie

Answer 1

您实际上正在寻找的可以通过选项中的userCallback属性来完成:

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

请查看文档（向上滚动一点）获取更多信息。

您可以检查此更新的plunker及其结果：

- tektiv