当前位置: 首页 > 工具软件 > plotly.js > 使用案例 >

plotly.js 移动端滚动配置

鄂和璧
2023-12-01

plotly.js 默认情况下会阻止页面滚动事件,这在移动端很不友好,
找了半天才在github上找到配置项:

https://github.com/plotly/plotly.js/pull/3170

具体实现:dragmode:false
顺便把一些常用参数给出来:

layout: {
	dragmode:false,	 //移动端滚动图表
	xaxis: {
		fixedrange: true,		//禁止x坐标缩放
	},
	yaxis: {
		fixedrange: true,	//禁止y坐标缩放
	},
	height: 200,	//设置图表的高度
	margin: {		//设置图表的边距
		l: 50,
		r: 20,
		t: 40,
		b: 20
	},
},
 类似资料: