限制图表上的标签数量.js折线图

2022-08-30 05:32:57

我想根据我获得的数据显示图表上的所有点,但我不想显示它们的所有标签,因为这样图表就不是很可读。我在文档中寻找它,但找不到任何可以限制它的参数。

例如,我不想只取三个标签,因为这样图表也被限制为三个点。可能吗?

我现在有这样的东西:

enter image description here

如果我能离开每三分之四的标签,那就太好了。但我完全没有发现任何关于标签选项的信息。


答案 1

尝试添加 options.scales.xAxes.ticks.maxTicksLimit 选项:

xAxes: [{
    type: 'time',
    ticks: {
        autoSkip: true,
        maxTicksLimit: 20
    }
}]

答案 2

对于具体性,假设您的原始标签列表如下所示:

["0", "1", "2", "3", "4", "5", "6", "7", "8"]

如果只想显示第 4 个标签,请筛选标签列表,以便每 4 个标签都填写完毕,所有其他标签都是空字符串(例如 )。["0", "", "", "", "4", "", "", "", "8"]