日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)ECharts教程:設(shè)置ECharts的全局坐標軸指示器

axisPointer

這是坐標軸指示器(axisPointer)在 ECharts 的全局公用設(shè)置。

讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:國際域名空間、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、海曙網(wǎng)站維護、網(wǎng)站推廣。

坐標軸指示器的作用是指示坐標軸當前刻度的,它被廣泛的作為一個實用的工具來使用。

在下面的實例中,當鼠標懸浮到圖上的時候,您可以看到出現(xiàn)的標線和刻度文本:

點擊編輯實例 》》

上例中,使用了 axisPointer.link 來關(guān)聯(lián)不同的坐標系中的 axisPointer。

坐標軸指示器也有適合觸屏的交互方式,如下:

點擊編輯實例 》》

坐標軸指示器在多軸的場景能起到輔助作用:

 

點擊編輯實例 》》

點擊編輯實例 》》

注意: 一般來說,axisPointer 的具體配置項會配置在各個軸中(如 xAxis.axisPointer)或者 tooltip 中(如 tooltip.axisPointer)。但是這幾個選項只能配置在全局的 axisPointer 中:axisPointer.triggerOn、axisPointer.link。

如何顯示 axisPointer:

直角坐標系 grid、極坐標系 polar、單軸坐標系 single 中的每個軸都自己的 axisPointer。

他們的 axisPointer 默認不顯示。有兩種方法可以讓他們顯示:

  • 設(shè)置軸上的 axisPointer.show(例如 xAxis.axisPointer.show)為 true,則顯示此軸的 axisPointer。
  • 設(shè)置 tooltip.trigger 設(shè)置為 'axis' 或者 tooltip.axisPointer.type 設(shè)置為 'cross',則此時坐標系會自動選擇顯示哪個軸的 axisPointer,也可以使用 tooltip.axisPointer.axis 改變這種選擇。注意,軸上如果設(shè)置了 axisPointer,會覆蓋此設(shè)置。

如何顯示 axisPointer 的 label:

axisPointer 的 label 默認不顯示(也就是默認只顯示指示線),除非:

  • 設(shè)置軸上的 axisPointer.label.show(例如 xAxis.axisPointer.label.show)為 true,則顯示此軸的 axisPointer 的 label。
  • 設(shè)置 tooltip.axisPointer.type 為 'cross' 時會自動顯示 axisPointer 的 label。

ECharts 關(guān)于觸屏的 axisPointer 的設(shè)置:

設(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 一直顯示)。

詳細的例子參考。

全局坐標軸指示器如何自動吸附到數(shù)據(jù)(snap):

在 ECharts 圖表中的數(shù)值軸、時間軸如果開啟了 snap,則 axisPointer 會自動吸附到最近的點上。


標題名稱:創(chuàng)新互聯(lián)ECharts教程:設(shè)置ECharts的全局坐標軸指示器
標題來源:http://www.dlmjj.cn/article/codojhg.html