Echarts中dataZoom的使用

參考博客: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	
		}

加入交互組件,最後組件如下所示:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章