radar組件的基本屬性介紹

2018-09-18 11:35 更新

radar.zlevel   |   number

[ default: 0 ]

radar 組件所有圖形的 zlevel 值。

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

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

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

radar.z   |   number

[ default: 2 ]

radar 組件所有圖形的 z 值??刂茍D形的前后順序。z 值小的圖形會被 z 值大的圖形覆蓋。

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

radar.center   |   Array

[ default: ['50%', '50%'] ]

radar 組件的中心(圓心)坐標(biāo),數(shù)組的第一項是橫坐標(biāo),第二項是縱坐標(biāo)。

支持設(shè)置成百分比,設(shè)置成百分比時第一項是相對于容器寬度,第二項是相對于容器高度。

使用示例:

// 設(shè)置成絕對的像素值
center: [400, 300]
// 設(shè)置成相對的百分比
center: ['50%', '50%']

radar.radius   |   number, string

[ default: 75% ]

radar 組件的半徑,數(shù)組的第一項是內(nèi)半徑,第二項是外半徑。

支持設(shè)置成百分比,相對于容器高寬中較小的一項的一半。

radar.startAngle   |   number

[ default: 90 ]

雷達(dá)圖坐標(biāo)系的起始角度,也就是第一個指示器軸的角度。

radar.name   |   Object

雷達(dá)圖每個指示器名稱的配置項。詳細(xì)的名稱樣式配置見下節(jié)內(nèi)容。

radar.nameGap   |   number

[ default: 15 ]

雷達(dá)圖指示器名稱和指示器軸的距離。

radar.splitNumber   |   number

[ default: 5 ]

雷達(dá)圖指示器軸的分割段數(shù)。

radar.shape   |   string

[ default: 'polygon' ]

雷達(dá)圖的繪制類型,支持的類型有 'polygon' 和 'circle'。

radar.scale   |   boolean

[ default: false ]

radar 組件是否是脫離 0 值比例。設(shè)置成 true 后坐標(biāo)刻度不會強(qiáng)制包含零刻度。在雙數(shù)值軸的散點圖中比較有用。

radar.silent   |   boolean

[ default: false ]

radar 坐標(biāo)軸是否是靜態(tài)無法交互。

radar.triggerEvent   |   boolean

[ default: false ]

雷達(dá)圖的坐標(biāo)軸的標(biāo)簽是否響應(yīng)和觸發(fā)鼠標(biāo)事件,默認(rèn)不響應(yīng)。

事件參數(shù)如下:

{
    // 組件類型,xAxis, yAxis, radiusAxis, angleAxis
    // 對應(yīng)組件類型都會有一個屬性表示組件的 index,例如 xAxis 就是 xAxisIndex
    componentType: string,
    // 未格式化過的刻度值, 點擊刻度標(biāo)簽有效
    value: '',
    // 坐標(biāo)軸名稱, 點擊坐標(biāo)軸名稱有效
    name: ''
}


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號