簡體   English   中英

如何為未顯示的刻度線保留網格線? [chart.js之]

[英]How do I persist the gridlines for ticks that are not displayed? [Chart.js]

我正在將Chart.js用於網站的圖表,並且遇到了一個我似乎無法解決的問題。 我需要為每個刻度線顯示網格線,即使是由於標簽空間不足而未顯示的網格線。

每個刻度線都有一個日期標簽,應該顯示盡可能多的日期標簽,但是,當調整圖表的大小或如果有大量數據時,由於Chart.js“很好的數字算法”,某些刻度線被刪除了。 這種行為是預料之中的,但是我仍然想要擁有與每個刻度相關的網格線。 目前,我無法將兩者分開,因為只有在顯示刻度線時才會顯示網格線。

有誰知道如何在x軸上顯示每個索引的網格線,但刻度標簽仍根據“ nice number algorithm”顯示?

這是我的意思的一些屏幕截圖:

這是帶有完整刻度線和網格線的圖形外觀

但是,如果我將圖表的尺寸縮小,則許多刻度線將被隱藏,其對應的網格線也將被隱藏

我認為沒有辦法隱藏標簽並繼續顯示網格線。 但是您可以通過關閉autoSkip選項來保留所有標簽和網格線:

ticks: {
        autoSkip: false
       }        

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM