ECharts中y軸的坐標軸指示器

2018-09-12 10:53 更新

本章開始介紹 ECharts 中 y 軸坐標軸指示器的一些屬性設置,在這節(jié)中我們先認識如何顯示 yAxis 的坐標軸指示器,坐標軸指示器有哪些類型,怎么獲取坐標軸指示器的 z 值以及其它的一些設置。

yAxis.axisPointer   |   Object

ECharts 中的 yAxis 坐標軸指示器。

yAxis.axisPointer.show   |   boolean

[ default: false ]

是否顯示 yAxis 的坐標軸指示器,默認為不顯示。

但是如果 tooltip.trigger 設置為 'axis' 或者 tooltip.axisPointer.type 設置為 'cross',則自動顯示 axisPointer。坐標系會自動選擇顯示顯示哪個軸的 axisPointer,也可以使用 tooltip.axisPointer.axis 改變這種選擇。

yAxis.axisPointer.type   |   string

[ default: 'line' ]

yAxis 坐標軸指示器類型。

可選:

  • 'line' 直線指示器
  • 'shadow' 陰影指示器

yAxis.axisPointer.snap   |   boolean

坐標軸指示器是否自動吸附到點上。默認自動判斷。

這個功能在數(shù)值軸和時間軸上比較有意義,可以自動尋找細小的數(shù)值點。

yAxis.axisPointer.z   |   number

坐標軸指示器的 z 值??刂茍D形的前后順序。z值小的圖形會被z值大的圖形覆蓋。

yAxis.axisPointer.triggerTooltip   |   boolean

[ default: true ]

是否觸發(fā) tooltip。如果不想觸發(fā) tooltip 可以關掉。

yAxis.axisPointer.value   |   number

[ default: null ]

當前的 value。在使用 axisPointer.handle 時,可以設置此值進行初始值設定,從而決定 axisPointer 的初始位置。

yAxis.axisPointer.status   |   boolean

當前的狀態(tài),可取值為 'show' 和 'hide'。

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號