本文主要是介绍echarts数值过多时X轴滚动显示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
echarts数值过多时X轴滚动显示
//滚动条样式dataZoom: [{id: this.chartId,type: 'slider',show: this.isShowScroll,// start: 0,//默认为0// end: 50,//默认为100startValue: 0, // 从头开始。endValue: 4, // 一次性展示6个。xAxisIndex: [0],handleSize: 0,//滑动条的 左右2个滑动条的大小height: 4,//组件高度bottom: 0,//右边的距离borderColor: "#e3e3e3",fillerColor: '#51B7F9',borderRadius: 10,backgroundColor: '#e3e3e3',//两边未选中的滑动条区域的颜色showDataShadow: false,//是否显示数据阴影 默认autoshowDetail: false,//即拖拽时候是否显示详细数值信息 默认truerealtime: true, //是否实时更新filterMode: 'filter',// zlevel: 10,},//以下重点: 让鼠标滚动从缩放变成移动// {// type: 'inside',// xAxisIndex: [0],// zoomOnMouseWheel: false, //滚轮不触发缩放// moveOnMouseMove: true, //鼠标移动触发平移// moveOnMouseWheel: true, //鼠标滚轮触发平移// },],
这篇关于echarts数值过多时X轴滚动显示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!