W3Cschool
恭喜您成為首批注冊(cè)用戶(hù)
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
[ default: 0 ]
角度軸所在的極坐標(biāo)系的索引,默認(rèn)情況下使用第一個(gè)極坐標(biāo)系。
[ default: 90 ]
設(shè)置角度軸起始刻度的角度,默認(rèn)為 90 度,即圓心的正上方。0 度為圓心的正右方。
如下示例是 startAngle 為 45 的效果:
[ default: true ]
設(shè)置角度軸刻度增長(zhǎng)是否按順時(shí)針,默認(rèn)為順時(shí)針?lè)较蛟鲩L(zhǎng)。
如下示例是 clockwise 為 false (逆時(shí)針)的效果:
[ default: 'category' ]
極坐標(biāo)系角度軸的類(lèi)型。
可選:
極坐標(biāo)系角度軸兩邊的留白策略,類(lèi)目軸和非類(lèi)目軸的設(shè)置和表現(xiàn)不一樣。
類(lèi)目軸中 boundaryGap 可以配置為 true 和 false。默認(rèn)為 true,這時(shí)候刻度只是作為分隔線,標(biāo)簽和數(shù)據(jù)點(diǎn)都會(huì)在兩個(gè)刻度之間的帶(band)中間。
非類(lèi)目軸,包括時(shí)間,數(shù)值,對(duì)數(shù)軸,boundaryGap是一個(gè)兩個(gè)值的數(shù)組,分別表示數(shù)據(jù)最小值和最大值的延伸范圍,可以直接設(shè)置數(shù)值或者相對(duì)的百分比,在設(shè)置 min 和 max 后無(wú)效。 示例:
boundaryGap: ['20%', '20%']
angleAxis.min | number, string, function [ default: null ]
設(shè)置角度軸刻度的最小值。
可以設(shè)置成特殊值 'dataMin',此時(shí)取數(shù)據(jù)在該軸上的最小值作為最小刻度。
不設(shè)置時(shí)會(huì)自動(dòng)計(jì)算最小值保證坐標(biāo)軸刻度的均勻分布。
在類(lèi)目軸中,也可以設(shè)置為類(lèi)目的序數(shù)(如類(lèi)目軸 data: ['類(lèi)A', '類(lèi)B', '類(lèi)C'] 中,序數(shù) 2 表示 '類(lèi)C'。也可以設(shè)置為負(fù)數(shù),如 -3)。
當(dāng)設(shè)置成 function 形式時(shí),可以根據(jù)計(jì)算得出的數(shù)據(jù)最大最小值設(shè)定坐標(biāo)軸的最小值。如:
min: function(value) {
return value.min - 20;
}
其中 value 是一個(gè)包含 min 和 max 的對(duì)象,分別表示數(shù)據(jù)的最大最小值,這個(gè)函數(shù)應(yīng)該返回坐標(biāo)軸的最小值。
[ default: null ]
設(shè)置角度軸刻度的最大值。
可以設(shè)置成特殊值 'dataMax',此時(shí)取數(shù)據(jù)在該軸上的最大值作為最大刻度。
不設(shè)置時(shí)會(huì)自動(dòng)計(jì)算最大值保證坐標(biāo)軸刻度的均勻分布。
在類(lèi)目軸中,也可以設(shè)置為類(lèi)目的序數(shù)(如類(lèi)目軸 data: ['類(lèi)A', '類(lèi)B', '類(lèi)C'] 中,序數(shù) 2 表示 '類(lèi)C'。也可以設(shè)置為負(fù)數(shù),如 -3)。
當(dāng)設(shè)置成 function 形式時(shí),可以根據(jù)計(jì)算得出的數(shù)據(jù)最大最小值設(shè)定坐標(biāo)軸的最小值。如:
max: function(value) {
return value.max - 20;
}
其中 value 是一個(gè)包含 min 和 max 的對(duì)象,分別表示數(shù)據(jù)的最大最小值,這個(gè)函數(shù)應(yīng)該返回坐標(biāo)軸的最大值。
[ default: false ]
只在數(shù)值軸中(type: 'value')有效。
是否是脫離 0 值比例。設(shè)置成 true 后坐標(biāo)刻度不會(huì)強(qiáng)制包含零刻度。在雙數(shù)值軸的散點(diǎn)圖中比較有用。
在設(shè)置 min 和 max 之后該配置項(xiàng)無(wú)效。
[ default: 5 ]
設(shè)置角度軸的分割段數(shù),需要注意的是這個(gè)分割段數(shù)只是個(gè)預(yù)估值,最后實(shí)際顯示的段數(shù)會(huì)在這個(gè)基礎(chǔ)上根據(jù)分割后坐標(biāo)軸刻度顯示的易讀程度作調(diào)整。
在類(lèi)目軸中無(wú)效。
[ default: 0 ]
自動(dòng)計(jì)算的角度軸最小間隔大小。
例如可以設(shè)置成1保證坐標(biāo)軸分割刻度顯示成整數(shù)。
{
minInterval: 1
}
只在數(shù)值軸或時(shí)間軸中(type: 'value' 或 'time')有效。
自動(dòng)計(jì)算的角度軸最大間隔大小。
例如,在時(shí)間軸((type: 'time'))可以設(shè)置成 3600 * 24 * 1000 保證坐標(biāo)軸分割刻度最大為一天。
{
maxInterval: 3600 * 24 * 1000
}
只在數(shù)值軸或時(shí)間軸中(type: 'value' 或 'time')有效。
強(qiáng)制設(shè)置角度軸分割間隔。
因?yàn)?nbsp;splitNumber 是預(yù)估的值,實(shí)際根據(jù)策略計(jì)算出來(lái)的刻度可能無(wú)法達(dá)到想要的效果,這時(shí)候可以使用 interval 配合 min、 max 強(qiáng)制設(shè)定刻度劃分,一般不建議使用。
無(wú)法在類(lèi)目軸中使用。在時(shí)間軸(type: 'time')中需要傳時(shí)間戳,在對(duì)數(shù)軸(type: 'log')中需要傳指數(shù)值。
[ default: 10 ]
對(duì)數(shù)軸的底數(shù),只在對(duì)數(shù)軸中(type: 'log')有效。
[ default: false ]
角度軸是否是靜態(tài)無(wú)法交互。
[ default: false ]
角度軸的標(biāo)簽是否響應(yīng)和觸發(fā)鼠標(biāo)事件,默認(rèn)不響應(yīng)。
事件參數(shù)如下:
{
// 組件類(lèi)型,xAxis, yAxis, radiusAxis, angleAxis
// 對(duì)應(yīng)組件類(lèi)型都會(huì)有一個(gè)屬性表示組件的 index,例如 xAxis 就是 xAxisIndex
componentType: string,
// 未格式化過(guò)的刻度值, 點(diǎn)擊刻度標(biāo)簽有效
value: '',
// 坐標(biāo)軸名稱(chēng), 點(diǎn)擊坐標(biāo)軸名稱(chēng)有效
name: ''
}
[ default: 0 ]
角度軸所有圖形的 zlevel 值。
zlevel 用于 Canvas 分層,不同zlevel值的圖形會(huì)放置在不同的 Canvas 中,Canvas 分層是一種常見(jiàn)的優(yōu)化手段。我們可以把一些圖形變化頻繁(例如有動(dòng)畫(huà))的組件設(shè)置成一個(gè)單獨(dú)的zlevel。需要注意的是過(guò)多的 Canvas 會(huì)引起內(nèi)存開(kāi)銷(xiāo)的增大,在手機(jī)端上需要謹(jǐn)慎使用以防崩潰。
zlevel 大的 Canvas 會(huì)放在 zlevel 小的 Canvas 的上面。
[ default: 0 ]
角度軸組件的所有圖形的z值??刂茍D形的前后順序。z值小的圖形會(huì)被z值大的圖形覆蓋。
z 相比 zlevel 優(yōu)先級(jí)更低,而且不會(huì)創(chuàng)建新的 Canvas。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: