Chart.js中的可滚动x轴

Question

我想在我的网站上使用Chart.js库来绘制图表，但我打算向图表提供大量数据（>1000）。然而，当我将数据提供给chart.js线性图表时，图表不会被滚动，而是将值推在一起，使图表难以阅读。有没有办法让chart.js线性图表在x轴上可滚动？

- stepanbujnak

---

Stepan，你找到解决这个问题的方法了吗？我也处于同样的困境中。 - user1361529

一样，我现在正在反向工程Chartjs以“解锁”这种能力。 - astryk

Answer 1

我曾经遇到过这个问题，通过使用jquery编辑我的chartjs画布的父元素的css来解决它。这不是一个非常健壮的解决方案，但确实使数据可读/可滚动。

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

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

- emma