新聞中心
本節(jié)將在坐標(biāo)軸指示器中添加一個拖拽手柄,并提供相關(guān)的手柄屬性.

為古藺等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及古藺網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營銷網(wǎng)站建設(shè)、古藺網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
xAxis.axisPointer.handle | Object
為 xAxis 中的坐標(biāo)軸指示器添加一個拖拽手柄,適用于觸屏的環(huán)境。更多操作見 例子。
xAxis.axisPointer.handle.show | boolean
[ default: false ]
是否在 xAxis 中顯示手柄。
當(dāng) show 設(shè)為 true 時顯示手柄,并且 axisPointer 會一直顯示。
xAxis.axisPointer.handle.icon | *
得到手柄的圖標(biāo)。
可以通過 'image://url' 設(shè)置為圖片,其中 url 為圖片的鏈接,或者 dataURI。
可以通過 'path://' 將圖標(biāo)設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式,不用擔(dān)心因?yàn)榭s放而產(chǎn)生鋸齒或模糊,而且可以設(shè)置為任意顏色。路徑圖形會自適應(yīng)調(diào)整為合適的大小。路徑的格式參見 SVG PathData??梢詮?Adobe Illustrator 等工具編輯導(dǎo)出。
參見 使用圖片的例子
xAxis.axisPointer.handle.size | number, Array
[ default: 45 ]
對 xAxis 手柄的尺寸進(jìn)行設(shè)置。
可以設(shè)置單值,如 45,也可以設(shè)置為數(shù)組:[width, height]。
xAxis.axisPointer.handle.margin | number
[ default: 50 ]
設(shè)置手柄與軸之間的距離。
注意,這里指的是手柄中心點(diǎn)和軸的距離。
xAxis.axisPointer.handle.color | string
[ default: '#333' ]
設(shè)置手柄顯示的顏色。
xAxis.axisPointer.handle.throttle | number
[ default: 40 ]
手柄拖拽時觸發(fā)視圖更新周期,單位毫秒,調(diào)大這個數(shù)值可以改善性能,但是降低體驗(yàn)。
xAxis.axisPointer.handle.shadowBlur | number
[ default: 3 ]
圖形陰影的模糊大小。
該屬性可以配合 shadowColor,shadowOffsetX,shadowOffsetY 一起設(shè)置圖形的陰影效果。
示例:
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}
xAxis.axisPointer.handle.shadowColor | Color
[ default: #aaa ]
設(shè)置陰影的顏色。
xAxis.axisPointer.handle.shadowOffsetX | number
[ default: 2 ]
設(shè)置陰影在水平方向上的偏移距離。
xAxis.axisPointer.handle.shadowOffsetY | number
[ default: 0 ]
設(shè)置陰影在垂直方向上的偏移距離。
當(dāng)前名稱:創(chuàng)新互聯(lián)ECharts教程:在xAxis的坐標(biāo)軸指示器中使用拖拽手柄
瀏覽路徑:http://www.dlmjj.cn/article/cdhiiph.html


咨詢
建站咨詢
