在 chart.js 中隨時間正確縮放 xAxis

Question

使用 chart.js，我有一個包含多年數據點的條形圖：

如果仔細觀察 x 軸附近，您會看到一些灰色條。 這是具有相同數據的折線圖以供參考：

雖然在此示例中使用折線圖可能有意義，但它會使數據較少的圖表有點尷尬：

並用條而不是線

當涉及大 x 軸時，是否有一個選項可用於條形圖以提高可讀性？ 我表示隨着時間的推移發生的事件，另一種改編的圖表也可以接受。

謝謝。

Answer 1

我不確定 chart.js 上會有一個選項。

處理它的一種方法是最初呈現折線圖，然后在放大到特定日期范圍時將類型切換為“條形圖”。

根據數據類型，您還可以通過按天（或周或月）匯總（或平均）數據來對數據進行分組。 然后將其傳遞到圖表中，時間序列選項應該能夠以更明智的方式顯示 x 軸日期。

否則，您將不得不查看更多可以處理和操作更大數據集的功率圖表庫，例如 amCharts： https://www.amcharts.com/demos/stock-chart-candlesticks/

或者考慮使用高度可定制但使用起來有點復雜的 D3。