如何持续不显示未显示的壁虱的网格线?[Chart.js]



我正在为网站的图表使用Chart.js,并且遇到了一个我似乎无法解决的问题。我需要为每个刻度显示网格线,甚至由于缺乏标签的空间而显示的那些网格线。

每个刻度都有一个日期标签,应尽可能显示其中的标签,但是,当图表大小或有很多数据时,由于图表而删除了一些刻度。。这种行为是可以预期的,可以,但是我仍然想要拥有的是与这些壁虱相关的网格线。目前,我遇到两个分隔两个问题,因为只有在显示tick时才显示网格。

有人知道我如何在X轴上显示每个索引的网格线,但是在tick标签中仍然根据" nice数字算法"显示?

这是我的意思的一些屏幕截图:

这是图形的完整tick和网格线

但是,如果我调整了图的大小较小,则许多壁虱被隐藏了,它们相应的网格线也是如此

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

ticks: {
        autoSkip: false
       }        

最新更新