ECharts平行坐標(biāo)系的屬性

2018-09-27 11:03 更新

parallel.zlevel   |   number

[ default: 0 ]

設(shè)置 ECharts 平行坐標(biāo)系所有圖形的 zlevel 值。

zlevel 用于 Canvas 分層(一種常見的優(yōu)化手段),不同 zlevel 值的圖形會放置在不同的 Canvas 中。我們可以把一些圖形變化頻繁(例如有動畫)的組件設(shè)置成一個單獨的 zlevel。

需要注意的是過多的 Canvas 會引起內(nèi)存開銷的增大,在手機端上需要謹慎使用以防崩潰。

zlevel 大的 Canvas 會放在 zlevel 小的 Canvas 的上面。

parallel.z   |   number

[ default: 2 ]

平行坐標(biāo)系組件的所有圖形的 z 值,用于控制圖形的前后順序。z 值小的圖形會被 z 值大的圖形覆蓋。

z 相比 zlevel 優(yōu)先級更低,而且不會創(chuàng)建新的 Canvas。

parallel.left   |   string, number

[ default: 80 ]

parallel 組件離容器左側(cè)的距離。

left 的值可以是像 20 這樣的具體像素值,可以是像 '20%' 這樣相對于容器高寬的百分比,也可以是 'left'、 'center'、'right'。

如果 left 的值為'left'、'center' 或 'right',組件會根據(jù)相應(yīng)的位置自動對齊。

parallel.top   |   string, number

[ default: 60 ]

parallel 組件離容器上側(cè)的距離。

top 的值可以是像 20 這樣的具體像素值,可以是像 '20%' 這樣相對于容器高寬的百分比,也可以是 'top'、'middle'、'bottom'。

如果 top 的值為'top'、'middle'、'bottom',組件會根據(jù)相應(yīng)的位置自動對齊。

parallel.right   |   string, number

[ default: 80 ]

parallel 組件離容器右側(cè)的距離。

right 的值可以是像 20 這樣的具體像素值,可以是像 '20%' 這樣相對于容器高寬的百分比。

parallel.bottom   |   string, number

[ default: 60 ]

parallel 組件離容器下側(cè)的距離。

bottom 的值可以是像 20 這樣的具體像素值,可以是像 '20%' 這樣相對于容器高寬的百分比。

parallel.width   |   string, number

[ default: 'auto' ]

設(shè)置 parallel 組件的寬度。默認為自適應(yīng)。

parallel.height   |   string, number

[ default: 'auto' ]

設(shè)置 parallel 組件的高度。默認為自適應(yīng)。

parallel.layout   |   string

[ default: 'horizontal' ]

平行坐標(biāo)系的布局方式,可選值為:

  • 'horizontal':水平排布各個坐標(biāo)軸。
  • 'vertical':豎直排布各個坐標(biāo)軸。

parallel.axisExpandable   |   boolean

[ default: false ]

維度比較多時,比如有 50+ 的維度,那么就會有 50+ 個軸。那么可能會頁面顯示不下。

可以通過 parallel.axisExpandable 來改善顯示效果,如本例

該屬性表示是否允許點擊展開折疊的 axis。

parallel.axisExpandCenter   |   number

[ default: null ]

初始時,以哪個軸為中心展開平行坐標(biāo)系,這里給出軸的 index。沒有默認值,需要手動指定。

參見本節(jié)的 parallel.axisExpandable

parallel.axisExpandCount   |   number

[ default: 0 ]

初始時,有多少個軸會處于展開狀態(tài)。建議根據(jù)你的維度個數(shù)而手動指定。

參見本節(jié)的 parallel.axisExpandCenter 與 parallel.axisExpandable

parallel.axisExpandWidth   |   number

[ default: 50 ]

在展開狀態(tài),軸的間距是多少,單位為像素。

參見本節(jié)的 parallel.axisExpandable

parallel.axisExpandTriggerOn   |   string

[ default: 'click' ]

可取值:

  • 'click':鼠標(biāo)點擊的時候 expand。
  • 'mousemove':鼠標(biāo)懸浮的時候 expand。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號