echarts dataZoom实现左右滑动与放大缩小 并精确控制显示几条数据
startValue与endValue是使用数量精确控制。//Xdata是横轴的长度。start与end是控制百分比。
·
//Xdata是横轴的长度(若x轴80条数据,默认显示最新的20条)
var start =Xdata.length - 20;
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是使用数量精确控制

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐



所有评论(0)