echarts dataZoom实现左右滑动与放大缩小 并精确控制显示几条数据

发布时间：2024年01月19日

? //Xdata是横轴的长度
? var start =Xdata.length - 5;
? var end = Xdata.length - 1;

?? ?dataZoom: [?

????????????type: 'slider',

? ? ? ? ? ? show: true,

? ? ? ? ? ? startValue: dataZoomStart,

? ? ? ? ? ? endValue: dataZoomEnd,

? ? ? ? ? ? dataBackground: {

? ? ? ? ? ? ? areaStyle: { opacity: 0 },

? ? ? ? ? ? ? lineStyle: { opacity: 0 }

? ? ? ? ? ? },

?? ?]

//注释

start与end是控制百分比

startValue与endValue是使用数量精确控制

文章来源:https://blog.csdn.net/qq_58307541/article/details/135697960
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章