echarts中datazoom相關配置

2021-09-08 20:22:29 字數 1636 閱讀 8935

datazoom=[ //區域縮放

,fillercolor:"rgba(167,183,204,0.4)", //選中範圍的填充顏色。

bordercolor:"#ddd", //邊框顏色。

filtermode: 'filter', //'filter':當前資料視窗外的資料,被 過濾掉。即 會 影響其他軸的資料範圍。每個資料項,只要有乙個維度在資料視窗外,整個資料項就會被過濾掉。

//'weakfilter':當前資料視窗外的資料,被 過濾掉。即 會 影響其他軸的資料範圍。每個資料項,只有當全部維度都在資料視窗同側外部,整個資料項才會被過濾掉。

//'empty':當前資料視窗外的資料,被 設定為空。即 不會 影響其他軸的資料範圍。

//'none': 不過濾資料,只改變量軸範圍。

xaxisindex:0, //設定 datazoom-inside 元件控制的 x軸,可以用陣列表示多個軸

yaxisindex:[0,2], //設定 datazoom-inside 元件控制的 y軸,可以用陣列表示多個軸

radiusaxisindex:3, //設定 datazoom-inside 元件控制的 radius 軸,可以用陣列表示多個軸

angleaxisindex:[0,2], //設定 datazoom-inside 元件控制的 angle 軸,可以用陣列表示多個軸

start: 30, //資料視窗範圍的起始百分比,表示30%

end: 70, //資料視窗範圍的結束百分比,表示70%

startvalue:10, //資料視窗範圍的起始數值

endvalue:100, //資料視窗範圍的結束數值。

orient:"horizontal", //布局方式是橫還是豎。不僅是布局方式,對於直角座標系而言,也決定了,預設情況控制橫向數軸還是縱向數軸。'horizontal':水平。'vertical':豎直。

zoomlock:false, //是否鎖定選擇區域(或叫做資料視窗)的大小。如果設定為 true 則鎖定選擇區域的大小,也就是說,只能平移,不能縮放。

throttle:100, //設定觸發檢視重新整理的頻率。單位為毫秒(ms)。

zoomonmousewheel:true, //如何觸發縮放。可選值為:true:表示不按任何功能鍵,滑鼠滾輪能觸發縮放。false:表示滑鼠滾輪不能觸發縮放。'shift':表示按住 shift 和滑鼠滾輪能觸發縮放。'ctrl':表示按住 ctrl 和滑鼠滾輪能觸發縮放。'alt':表示按住 alt 和滑鼠滾輪能觸發縮放。

moveonmousemove:true, //如何觸發資料視窗平移。true:表示不按任何功能鍵,滑鼠移動能觸發資料視窗平移。false:表示滑鼠滾輪不能觸發縮放。'shift':表示按住 shift 和滑鼠移動能觸發資料視窗平移。'ctrl':表示按住 ctrl 和滑鼠移動能觸發資料視窗平移。'alt':表示按住 alt 和滑鼠移動能觸發資料視窗平移。

left:"center", //元件離容器左側的距離,'left', 'center', 'right','20%'

top:"top", //元件離容器上側的距離,'top', 'middle', 'bottom','20%'

right:"auto", //元件離容器右側的距離,'20%'

bottom:"auto", //元件離容器下側的距離,'20%'},]

echarts中畫布的清空

最近做專案的時候,需要用到很多echarts圖表類的展示,其中有一點讓我困擾很久。如圖所示 剛開始的時候可能需要載入全部的資料,但是當我們選擇某乙個條件的時候,我們只需要載入這乙個條件的資料。這個時候我們要做的方法有2個 目前我知道的 1.legend 就是在legend中的selected選項,我...

echarts中datazoom相關配置

datazoom 區域縮放 fillercolor rgba 167,183,204,0.4 選中範圍的填充顏色。bordercolor ddd 邊框顏色。filtermode filter filter 當前資料視窗外的資料,被 過濾掉。即 會 影響其他軸的資料範圍。每個資料項,只要有乙個維度在資...

echarts中如何使用timeline元件

1.吃碗麵 這裡關於echarts3 官網的示例我不得不吐槽一下,逼格真高 一小部分示例動不動資料就是國家統計局搞出來的,你臉真大。當然他們做的示例的確是很好,這一點毫無疑問。當我看了echarts3關於timeline的使用,我就覺得我有必要寫一篇echarts中timeline元件的使用。這玩意...