echarts柱状图数据过多,叠加拥挤

在这里插入图片描述

代码:Y滑动框

// Y轴滑动框
dataZoom: [
	//Y轴滑动条
	{
	    type: 'slider', //滑动条
	    show: true,      //开启
	    yAxisIndex: [0],
	    left: '93%',  //滑动条位置
	    start: 1,    //初始化时,滑动条宽度开始标度
	    end: 50      //初始化时,滑动条宽度结束标度
	},
	//y轴内置滑动
	{
	    type: 'inside',  //内置滑动,随鼠标滚轮展示
	    yAxisIndex: [0],
	    start: 1,//初始化时,滑动条宽度开始标度
	    end: 50,  //初始化时,滑动条宽度结束标度
	    zoomOnMouseWheel:false,  //滚轮是否触发缩放
		moveOnMouseMove:false,  //鼠标滚轮是否触发滚动
		moveOnMouseWheel:false,
	}
 ],
  

 代码:X滑动框

// 底部,X轴滑动框
dataZoom: [ 
	{
		type: 'slider', //滑动条
		show: true,      //开启
		xAxisIndex: [0],
		left: '93%',  //滑动条位置
		start: 1,    //初始化时,滑动条宽度开始标度
		end: 50      //初始化时,滑动条宽度结束标度
	},
	{
		type: 'inside',  //内置滑动,随鼠标滚轮展示
		xAxisIndex: [0],
		start: 1,//初始化时,滑动条宽度开始标度
		end: 50  //初始化时,滑动条宽度结束标度
	} 
],

在这里插入图片描述

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值