W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
這是坐標軸指示器(axisPointer)在 ECharts 的全局公用設(shè)置。
坐標軸指示器的作用是指示坐標軸當(dāng)前刻度的,它被廣泛的作為一個實用的工具來使用。
在下面的實例中,當(dāng)鼠標懸浮到圖上的時候,您可以看到出現(xiàn)的標線和刻度文本:
上例中,使用了 axisPointer.link 來關(guān)聯(lián)不同的坐標系中的 axisPointer。
坐標軸指示器也有適合觸屏的交互方式,如下:
坐標軸指示器在多軸的場景能起到輔助作用:
注意: 一般來說,axisPointer 的具體配置項會配置在各個軸中(如 xAxis.axisPointer)或者 tooltip 中(如 tooltip.axisPointer)。但是這幾個選項只能配置在全局的 axisPointer 中:axisPointer.triggerOn、axisPointer.link。
直角坐標系 grid、極坐標系 polar、單軸坐標系 single 中的每個軸都自己的 axisPointer。
他們的 axisPointer 默認不顯示。有兩種方法可以讓他們顯示:
axisPointer 的 label 默認不顯示(也就是默認只顯示指示線),除非:
設(shè)置軸上的 axisPointer.handle.show(例如 xAxis.axisPointer.handle.show 為 true 則會顯示出此 axisPointer 的拖拽按鈕。(polar 坐標系暫不支持此功能)。
注意: 如果發(fā)現(xiàn)此時 tooltip 效果不良好,可設(shè)置 tooltip.triggerOn 為 'none'(于是效果為:手指按住按鈕則顯示 tooltip,松開按鈕則隱藏 tooltip),或者 tooltip.alwaysShowContent 為 true(效果為 tooltip 一直顯示)。
詳細的例子參考。
在 ECharts 圖表中的數(shù)值軸、時間軸如果開啟了 snap,則 axisPointer 會自動吸附到最近的點上。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: