Echarts k线禁止双指效果

本文介绍了如何在Echarts图表中实现K线图的特性,即禁用双指缩放,仅允许用户通过滑块进行平移操作,通过设置`zoomLock:true`来达到这个效果。
摘要由CSDN通过智能技术生成

Echarts k线禁止双指缩放效果,只可平移,不可缩放k线图

dataZoom: [{
					type: 'slider',
					show: false,
					//上方时间轴拖动条隐藏
					zoomLock: true,
					xAxisIndex: [0, 1],
					realtime: false,
					start: 20,
					end: 70,
					top: 65,
					height: 20,
					handleIcon: 'path://M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
					handleSize: '120%'
				},
				{
					type: 'inside',
					zoomLock: true,	//禁止双指缩放
					xAxisIndex: [0, 1],
					start: 40,
					end: 70,
					top: 30,
					height: 20
				}],

关键点:在第二段中加入:

zoomLock: true,	//禁止双指缩放
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值