之前有写过一个柱状图,测试数据有近百条,但正常展示的话也就一半,再多就会出现数据重叠了。而echarts有一个dataZoom属性,首先type类型两个属性,inside和slider,slider是出现滚动条,inside是隐藏滚动条,通过鼠标进行放大缩小以及左右滑动,如果数据比较大 缩到最小依旧有数据重叠现象。所以我选择slider,不让echarts柱状图放大缩小,只是一个范围的滚动

width属性是滚动范围宽度,startValue,endValue是初次展示echarts的开始和结束索引,像这样只有一个endValue,那么便是echarts的页面展示最大展示条数。
ECharts滚动条优化
本文介绍了一种使用ECharts的dataZoom属性解决大量数据展示时重叠问题的方法。选择了slider类型的dataZoom,允许用户通过滚动条调整查看数据的范围,而非放大缩小。这有助于在有限的展示空间内更清晰地呈现所有数据。
1万+

被折叠的 条评论
为什么被折叠?



