Chart.js中的可滾動x軸

Question

我想使用Chart.js庫在我的網站上繪製圖表，但我打算爲圖表提供大量數據（> 1000）。但是，當我將數據提供給chart.js折線圖時，圖表不能滾動，但這些值會一起推入，導致圖表無法讀取。有沒有辦法讓chart.js折線圖在x軸上滾動？

Answer 1

我遇到了這個問題，並通過使用jquery編輯我的chartjs畫布的父div的css來解決它。這不是一個非常可靠的解決方案，但確實使數據可讀/可滾動。

<div id="parentDiv"><canvas id="myChart" width="15000" height="400"></canvas></div> 

<script> 
    $("#parentDiv").css("width", "1000px"); 
    $("#parentDiv").css("overflow", "auto"); 
</script>