前端之家收集整理的这篇文章主要介绍了
javascript – Chart.js中的可滚动x轴,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用Chart.js库在我的网站上绘制图表,但我打算为图表提供大量数据(> 1000).但是,当我将数据提供给chart.js折线图时,图表不可滚动,但值被推到一起使图表不可读.有没有办法让chart.js折线图在x轴上滚动?
我遇到了这个问题并通过使用
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>