Chart.js中的可滚动x轴

Question

我想使用Chart.js库在我的网站上绘制图表，但我打算为图表提供大量数据（＆gt; 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>