Scrollable X axis in Chart.js

Question

I would like to use the Chart.js library to draw charts on my site, but I intend to feed the chart with large amounts of data (> 1000). However, when I submit the data to the chart.js chart, the chart is not scrollable, but the values ​​are shifted together, which makes the chart unreadable. Is there a way to make the chart.js line chart scrollable along the x axis?

Answer 1

I ran into this problem and worked around it using jquery to edit the css of the parent div for my chartjs canvas. This is not a very reliable solution, but makes data readable / scrollable.

<div id="parentDiv"><canvas id="myChart" width="15000" height="400"></canvas></div> <script> $("#parentDiv").css("width", "1000px"); $("#parentDiv").css("overflow", "auto"); </script>