如何将网格线保留为未显示的刻度线? [chart.js之]

时间:2017-04-25 07:33:47

标签: javascript chart.js

我使用Chart.js作为网站的图表,并遇到了一个我似乎无法解决的问题。我需要显示每个刻度线的网格线,即使是由于标签空间不足而未显示的网格线。

每个刻度都有一个日期标签,并且应尽可能多地显示这些标签,但是当图表调整大小或者有大量数据时,由于Chart.js"不错,会删除一些刻度。数字算法"。这种行为是预期的,没关系,但我仍然想要的是与每个滴答相关联的网格线。目前我遇到了将两者分开的问题,因为只有在显示勾号时才会显示网格线。

有没有人知道如何在x轴上显示每个索引的网格线,但是仍然根据"漂亮数字算法显示刻度标签"?

以下是我的意思截图:

This is what the graph should look like with full ticks and gridlines

However if I resize the graph smaller, many of the ticks are hidden, and so are their corresponding gridlines

1 个答案:

答案 0 :(得分:0)

我认为没有办法隐藏标签并继续显示网格线。但您可以通过设置autoSkip选项来保留所有标签和网格线:

ticks: {
        autoSkip: false
       }