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

2018-09-27 11:03 更新

parallel.zlevel   |   number

[ default: 0 ]

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

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

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

zlevel 大的 Canvas 會(huì)放在 zlevel 小的 Canvas 的上面。

parallel.z   |   number

[ default: 2 ]

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

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

parallel.left   |   string, number

[ default: 80 ]

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

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

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

parallel.top   |   string, number

[ default: 60 ]

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

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

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

parallel.right   |   string, number

[ default: 80 ]

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

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

parallel.bottom   |   string, number

[ default: 60 ]

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

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

parallel.width   |   string, number

[ default: 'auto' ]

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

parallel.height   |   string, number

[ default: 'auto' ]

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

parallel.layout   |   string

[ default: 'horizontal' ]

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

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

parallel.axisExpandable   |   boolean

[ default: false ]

維度比較多時(shí),比如有 50+ 的維度,那么就會(huì)有 50+ 個(gè)軸。那么可能會(huì)頁(yè)面顯示不下。

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

該屬性表示是否允許點(diǎn)擊展開折疊的 axis。

parallel.axisExpandCenter   |   number

[ default: null ]

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

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

parallel.axisExpandCount   |   number

[ default: 0 ]

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

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

parallel.axisExpandWidth   |   number

[ default: 50 ]

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

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

parallel.axisExpandTriggerOn   |   string

[ default: 'click' ]

可取值:

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)