1 dataZoom:[ //區域縮放 2 { 3 id: 'dataZoomX', 4 show:true, //是否顯示 組件。如果設置為 false，不會顯示，但是數據過濾的功能還存在。 5 backgroundColor:"rgba(47,69,84,0)", //組件的背景顏色 6 type: 'slider', //slider表示有滑動塊的，inside表示內置的 7 dataBackground:{ //數據陰影的樣式。 8 lineStyle:mylineStyle, //陰影的線條樣式 9 areaStyle:myareaStyle, //陰影的填充樣式 10 }, 11 fillerColor:"rgba(167,183,204,0.4)", //選中范圍的填充顏色。 12 borderColor:"#ddd", //邊框顏色。 13 filterMode: 'filter', //'filter'：當前數據窗口外的數據，被 過濾掉。即 會 影響其他軸的數據范圍。每個數據項，只要有一個維度在數據窗口外，整個數據項就會被過濾掉。 14 //'weakFilter'：當前數據窗口外的數據，被 過濾掉。即 會 影響其他軸的數據范圍。每個數據項，只有當全部維度都在數據窗口同側外部，整個數據項才會被過濾掉。 15 //'empty'：當前數據窗口外的數據，被 設置為空。即 不會 影響其他軸的數據范圍。 16 //'none': 不過濾數據，只改變數軸范圍。 17 xAxisIndex:0, //設置 dataZoom-inside 組件控制的 x軸,可以用數組表示多個軸 18 yAxisIndex:[0,2], //設置 dataZoom-inside 組件控制的 y軸,可以用數組表示多個軸 19 radiusAxisIndex:3, //設置 dataZoom-inside 組件控制的 radius 軸,可以用數組表示多個軸 20 angleAxisIndex:[0,2], //設置 dataZoom-inside 組件控制的 angle 軸,可以用數組表示多個軸 21 start: 30, //數據窗口范圍的起始百分比,表示30% 22 end: 70, //數據窗口范圍的結束百分比,表示70% 23 startValue:10, //數據窗口范圍的起始數值 24 endValue:100, //數據窗口范圍的結束數值。 25 orient:"horizontal", //布局方式是橫還是豎。不僅是布局方式，對於直角坐標系而言，也決定了，缺省情況控制橫向數軸還是縱向數軸。'horizontal'：水平。'vertical'：豎直。 26 zoomLock:false, //是否鎖定選擇區域（或叫做數據窗口）的大小。如果設置為 true 27 則鎖定選擇區域的大小，也就是說，只能平移，不能縮放。 28 throttle:100, //設置觸發視圖刷新的頻率。單位為毫秒（ms）。 29 zoomOnMouseWheel:true, //如何觸發縮放。可選值為：true：表示不按任何功能鍵，鼠標滾輪能觸發縮放。false：表示鼠標滾輪不能觸發縮放。'shift'：表示按住 shift 和鼠標滾輪能觸發縮放。'ctrl'：表示按住 ctrl 和鼠標滾輪能觸發縮放。'alt'：表示按住 alt 和鼠標滾輪能觸發縮放。 30 moveOnMouseMove:true, //如何觸發數據窗口平移。true：表示不按任何功能鍵，鼠標移動能觸發數據窗口平移。false：表示鼠標滾輪不能觸發縮放。'shift'：表示按住 shift 和鼠標移動能觸發數據窗口平移。'ctrl'：表示按住 ctrl 和鼠標移動能觸發數據窗口平移。'alt'：表示按住 alt 和鼠標移動能觸發數據窗口平移。 31 left:"center", //組件離容器左側的距離,'left', 'center', 'right','20%' 32 top:"top", //組件離容器上側的距離,'top', 'middle', 'bottom','20%' 33 right:"auto", //組件離容器右側的距離,'20%' 34 bottom:"auto", //組件離容器下側的距離,'20%' 35 36 }, 37 { 38 id: 'dataZoomY', 39 type: 'inside', 40 filterMode: 'empty', 41 disabled:false, //是否停止組件的功能。 42 xAxisIndex:0, //設置 dataZoom-inside 組件控制的 x軸,可以用數組表示多個軸 43 yAxisIndex:[0,2], //設置 dataZoom-inside 組件控制的 y軸,可以用數組表示多個軸 44 radiusAxisIndex:3, //設置 dataZoom-inside 組件控制的 radius 軸,可以用數組表示多個軸 45 angleAxisIndex:[0,2], //設置 dataZoom-inside 組件控制的 angle 軸,可以用數組表示多個軸 46 start: 30, //數據窗口范圍的起始百分比,表示30% 47 end: 70, //數據窗口范圍的結束百分比,表示70% 48 startValue:10, //數據窗口范圍的起始數值 49 endValue:100, //數據窗口范圍的結束數值。 50 orient:"horizontal", //布局方式是橫還是豎。不僅是布局方式，對於直角坐標系而言，也決定了，缺省情況控制橫向數軸還是縱向數軸。'horizontal'：水平。'vertical'：豎直。 51 zoomLock:false, //是否鎖定選擇區域（或叫做數據窗口）的大小。如果設置為 true 則鎖定選擇區域的大小，也就是說，只能平移，不能縮放。 52 throttle:100, //設置觸發視圖刷新的頻率。單位為毫秒（ms）。 53 zoomOnMouseWheel:true, //如何觸發縮放。可選值為：true：表示不按任何功能鍵，鼠標滾輪能觸發縮放。false：表示鼠標滾輪不能觸發縮放。'shift'：表示按住 shift 和鼠標滾輪能觸發縮放。'ctrl'：表示按住 ctrl 和鼠標滾輪能觸發縮放。'alt'：表示按住 alt 和鼠標滾輪能觸發縮放。 54 moveOnMouseMove:true, //如何觸發數據窗口平移。true：表示不按任何功能鍵，鼠標移動能觸發數據窗口平移。false：表示鼠標滾輪不能觸發縮放。'shift'：表示按住 shift 和鼠標移動能觸發數據窗口平移。'ctrl'：表示按住 ctrl 和鼠標移動能觸發數據窗口平移。'alt'：表示按住 alt 和鼠標移動能觸發數據窗口平移。 55 } 56 ]