欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Echarts中dataZoom的使用

程序员文章站 2024-03-19 23:19:16
...

参考博客:https://www.echartsjs.com/zh/tutorial.html#%E5%9C%A8%E5%9B%BE%E8%A1%A8%E4%B8%AD%E5%8A%A0%E5%85%A5%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6

dataZoom: [
        {   // 这个dataZoom组件,默认控制x轴。
            type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
            start: 10,      // 左边在 10% 的位置。
            end: 60         // 右边在 60% 的位置。
        }
		{
			type: 'slider',
			start: 1,
			end: 35	
		}

加入交互组件,最后组件如下所示:

Echarts中dataZoom的使用

相关标签: echart