建站
咨詢
售后
建站咨詢
新聞中心
同樣，如果在觸屏的環(huán)境中使用 ECharts 極坐標(biāo)系的徑向軸指示器的時(shí)候，我們可能需要啟用一個(gè)拖拽手柄 ，通過(guò)該拖拽手柄您就能很好的控制徑向軸的指示器了。那么，接下來(lái)我們看看如何對(duì)該拖拽手柄進(jìn)行屬性設(shè)置。
成都創(chuàng)新互聯(lián)主營(yíng)冀州網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶App定制開發(fā),冀州h5小程序制作搭建,冀州網(wǎng)站營(yíng)銷推廣歡迎冀州等地區(qū)企業(yè)咨詢
radiusAxis.axisPointer.handle | Object
徑向軸指示器的拖拽手柄，適用于觸屏的環(huán)境。參見(jiàn) 例子。
radiusAxis.axisPointer.handle.show | boolean
[ default: false ]
當(dāng) show 設(shè)為 true 時(shí)開啟，這時(shí)顯示手柄，并且 axisPointer 會(huì)一直顯示。
radiusAxis.axisPointer.handle.icon | *
設(shè)置手柄的圖標(biāo)。
可以通過(guò) 'image://url' 設(shè)置為圖片，其中 url 為圖片的鏈接，或者 dataURI。
可以通過(guò) 'path://' 將圖標(biāo)設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式，不用擔(dān)心因?yàn)榭s放而產(chǎn)生鋸齒或模糊，而且可以設(shè)置為任意顏色。路徑圖形會(huì)自適應(yīng)調(diào)整為合適的大小。路徑的格式參見(jiàn) SVG PathData?？梢詮?Adobe Illustrator 等工具編輯導(dǎo)出。
參見(jiàn) 使用圖片的例子
radiusAxis.axisPointer.handle.size | number, Array
[ default: 45 ]
設(shè)置手柄的尺寸，可以設(shè)置單值，如 45，也可以設(shè)置為數(shù)組：[width, height]。
radiusAxis.axisPointer.handle.margin | number
[ default: 50 ]
設(shè)置手柄與徑向軸的距離。注意，這是手柄中心點(diǎn)和軸的距離。
radiusAxis.axisPointer.handle.color | string
[ default: '#333' ]
設(shè)置手柄顏色。
radiusAxis.axisPointer.handle.throttle | number
[ default: 40 ]
設(shè)置手柄拖拽時(shí)觸發(fā)視圖更新周期，單位毫秒，調(diào)大這個(gè)數(shù)值可以改善性能，但是降低體驗(yàn)。
radiusAxis.axisPointer.handle.shadowBlur | number
[ default: 3 ]
設(shè)置手柄圖形陰影的模糊大小。該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。
示例：
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}radiusAxis.axisPointer.handle.shadowColor | Color
[ default: #aaa ]
設(shè)置手柄陰影顏色。支持的格式同color。
radiusAxis.axisPointer.handle.shadowOffsetX | number
[ default: 2 ]
設(shè)置手柄陰影在水平方向上的偏移距離。
radiusAxis.axisPointer.handle.shadowOffsetY | number
[ default: 0 ]
設(shè)置手柄陰影在垂直方向上的偏移距離。
分享名稱：創(chuàng)新互聯(lián)ECharts教程：ECharts徑向軸指示器的拖拽手柄
網(wǎng)址分享：http://www.5511xx.com/article/djegdph.html
