新聞中心
考慮到您可能會(huì)在觸屏的環(huán)境下使用 ECharts 圖表,所以不僅在 xAxis 的坐標(biāo)軸指示器中有拖拽手柄,在 yAxis 中同樣也會(huì)對(duì)坐標(biāo)軸指示器的拖拽手柄樣式進(jìn)行設(shè)置,該設(shè)置過(guò)程與在 xAxis 中的設(shè)置相差不大。

yAxis.axisPointer.handle | Object
在 yAxis 中應(yīng)用拖拽手柄,適用于觸屏的環(huán)境。參見(jiàn) 例子。
yAxis.axisPointer.handle.show | boolean
[ default: false ]
是否開(kāi)啟坐標(biāo)軸指示器拖拽手柄,當(dāng) show 設(shè)為 true 時(shí)開(kāi)啟,這時(shí)顯示手柄,并且 axisPointer 會(huì)一直顯示。
yAxis.axisPointer.handle.icon | *
拖拽手柄的圖標(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) 使用圖片的例子
yAxis.axisPointer.handle.size | number, Array
[ default: 45 ]
拖拽手柄的尺寸,可以設(shè)置單值,如 45,也可以設(shè)置為數(shù)組:[width, height]。
yAxis.axisPointer.handle.margin | number
[ default: 50 ]
拖拽手柄與 y 軸的距離。注意,這是手柄中心點(diǎn)和 y 軸的距離。
yAxis.axisPointer.handle.color | string
[ default: '#333' ]
拖拽手柄的顏色。
yAxis.axisPointer.handle.throttle | number
[ default: 40 ]
手柄拖拽時(shí)觸發(fā)視圖更新周期,單位為毫秒,調(diào)大這個(gè)數(shù)值可以改善性能,但是降低體驗(yàn)。
yAxis.axisPointer.handle.shadowBlur | number
[ default: 3 ]
拖拽手柄圖形陰影的模糊大小。
該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。示例:
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}
yAxis.axisPointer.handle.shadowColor | Color
[ default: #aaa ]
拖拽手柄陰影的顏色。支持的格式同color。
yAxis.axisPointer.handle.shadowOffsetX | number
[ default: 2 ]
拖拽手柄陰影在水平方向上的偏移距離。
yAxis.axisPointer.handle.shadowOffsetY | number
[ default: 0 ]
拖拽手柄陰影在垂直方向上的偏移距離。
網(wǎng)頁(yè)題目:創(chuàng)新互聯(lián)ECharts教程:設(shè)置yAxis坐標(biāo)軸指示器的拖拽手柄
標(biāo)題鏈接:http://www.5511xx.com/article/ccidiii.html


咨詢(xún)
建站咨詢(xún)
