2017-04-25 74 views
0

我正在使用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

回答

0

我觉得没有办法隐藏标签并持续显示网格线。但是,你可以把所有的标签和网格线由集autoSkip选项关闭:

ticks: { 
     autoSkip: false 
     }   
+0

不幸的是,这不是一种选择,因为标签调整后相当可怕的结果重叠。 – HLayton