Scrollable x-axis in Chart.js

Question

I would like to use Chart.js library for drawing charts on my website, but I intend to feed the chart large amounts of data (>1000). However, when I feed the data to chart.js line chart, the chart is not made scrollable, but the values are pushed together rendering the chart unreadable. Is there a way to make the chart.js line chart scrollable on the x-axis?

stepan, did you find a solution to this problem? I am in the same situation. — user1361529, May 18 '15 at 14:11
Same, Im actually reverse engineering Chartjs now to 'unlock' this ability. — astryk, Aug 02 '15 at 05:42

score 2 · Answer 1 · answered Mar 17 '16 at 16:43

I was experiencing this problem and worked around it by using jquery to edit the css of the parent div for my chartjs canvas. This isn't a very robust solution, but is does make the 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>

Scrollable x-axis in Chart.js

1 Answers1