Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）直角坐標(biāo)系中x軸（xAxis）的屬性及設(shè)置Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）（1）xAxis.idstring類(lèi)型，用于設(shè)置組件ID。默認(rèn)不指定。指定則可用于在option或者API中引用組件。（2）xAxis.show=trueboolean類(lèi)型，用于設(shè)置是否顯示x軸。（3）xAxis.gridIndexnumber類(lèi)型，用于設(shè)置x軸所在的grid的索引，默認(rèn)位于第1個(gè)grid。（4）xAxis.alignTicksboolean類(lèi)型，用于設(shè)置從v5.3.0開(kāi)始支持。在多個(gè)x軸為數(shù)值軸的時(shí)候，可以開(kāi)啟該配置項(xiàng)自動(dòng)對(duì)齊刻度。只對(duì)'value'和'log'類(lèi)型的軸有效。（5）xAxis.positionstring類(lèi)型，用于設(shè)置x軸的位置。其取值可選項(xiàng)為：'top'、'bottom'。默認(rèn)grid中的第1個(gè)x軸在grid的下方（'bottom'），第2個(gè)x軸視第1個(gè)x軸的位置放在另一側(cè)。注：若未將xAxis.axisLine.onZero設(shè)為false,則該項(xiàng)無(wú)法生效（6）xAxis.offsetnumber類(lèi)型，用于設(shè)置X軸相對(duì)于默認(rèn)位置的偏移，在相同的position上有多個(gè)X軸的時(shí)候有用。注：若未將xAxis.axisLine.onZero設(shè)為false,則該項(xiàng)無(wú)法生效（7）xAxis.type='category'string類(lèi)型，用于設(shè)置坐標(biāo)軸類(lèi)型。其取值可選項(xiàng)為：①'value'數(shù)值軸，適用于連續(xù)數(shù)據(jù)。②'category'類(lèi)目軸，適用于離散的類(lèi)目數(shù)據(jù)。為該類(lèi)型時(shí)類(lèi)目數(shù)據(jù)可自動(dòng)從series.data或dataset.source中取，或者可通過(guò)xAxis.data設(shè)置類(lèi)目數(shù)據(jù)。③'time'時(shí)間軸，適用于連續(xù)的時(shí)序數(shù)據(jù)，與數(shù)值軸相比時(shí)間軸帶有時(shí)間的格式化，在刻度計(jì)算上也有所不同，例如會(huì)根據(jù)跨度的范圍來(lái)決定使用月，星期，日還是小時(shí)范圍的刻度。④'log'對(duì)數(shù)軸。適用于對(duì)數(shù)數(shù)據(jù)。對(duì)數(shù)軸下的堆積柱狀圖或堆積折線(xiàn)圖可能帶來(lái)很大的視覺(jué)誤差，并且在一定情況下可能存在非預(yù)期效果，應(yīng)避免使用。（8）xAxis.namestring類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)。（9）xAxis.nameLocation='end'string類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)顯示位置。其取值可選項(xiàng)為：'start'、'middle'或者'center'、'end'。（10）xAxis.nameTextStyleObject類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)的文字樣式?！魓ATextStyle.ColorColor類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)的顏色，默認(rèn)取axisLine.lineStyle.color?！魓ATextStyle.fontStyle='normal'string類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)文字字體的風(fēng)格。其取值可選項(xiàng)為：'normal'、'italic'、'oblique'◆xATextStyle.fontWeight='normal'string或number類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)文字字體的粗細(xì)。其取值可選項(xiàng)為：'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…?！魓ATextStyle.fontFamily='sans-serif'string類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)文字的字體系列。還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆xATextStyle.fontSize=12number類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)文字的字體大小。◆xATextStyle.alignstring類(lèi)型，用于設(shè)置文字水平對(duì)齊方式，默認(rèn)自動(dòng)。其取值可選項(xiàng)為：'left'、'center'、'right'。rich中如果沒(méi)有設(shè)置align，則會(huì)取父層級(jí)的align。例如：{align:right,rich:{a:{//沒(méi)有設(shè)置`align`，則`align`為right}}}◆xATextStyle.verticalAlignstring類(lèi)型，用于設(shè)置文字垂直對(duì)齊方式，默認(rèn)自動(dòng)。其取值可選項(xiàng)為：'top'、'middle'、'bottom'。rich中如果沒(méi)有設(shè)置verticalAlign，則會(huì)取父層級(jí)的verticalAlign。例如：{verticalAlign:bottom,rich:{a:{//沒(méi)有設(shè)置`verticalAlign`，則`verticalAlign`為bottom}}}◆xATextStyle.lineHeightnumber類(lèi)型，用于設(shè)置行高。rich中如果沒(méi)有設(shè)置lineHeight，則會(huì)取父層級(jí)的lineHeight。例如：{lineHeight:56,rich:{a:{//沒(méi)有設(shè)置`lineHeight`，則`lineHeight`為56}}}◆xATextStyle.backgroundColor='transparent'string或Object類(lèi)型，用于設(shè)置文字塊背景色?？梢允褂妙伾?，例如：'#123234','red','rgba(0,23,11,0.3)'。也可以直接使用圖片，例如：backgroundColor：{image:'xxx/xxx.png'//這里可以是圖片的URL，//或者圖片的dataURI，//或者HTMLImageElement對(duì)象，//或者HTMLCanvasElement對(duì)象。}當(dāng)使用圖片的時(shí)候，可以使用width或height指定高寬，也可以不指定自適應(yīng)?！魓ATextStyle.borderColorColor類(lèi)型，用于設(shè)置文字塊邊框顏色?！魓ATextStyle.borderWidthnumber類(lèi)型，用于設(shè)置文字塊邊框?qū)挾??！魓ATextStyle.borderType='solid'string或number或Array類(lèi)型，用于設(shè)置文字塊邊框描邊類(lèi)型。其取值可選項(xiàng)為：'solid'、'dashed'、'dotted'。自v5.0.0開(kāi)始，也可以是number或者number數(shù)組，用以指定線(xiàn)條的dasharray，配合borderDashOffset可實(shí)現(xiàn)更靈活的虛線(xiàn)效果。例如：{borderType:[5,10],borderDashOffset:5}◆xATextStyle.borderDashOffsetnumber類(lèi)型，從v5.0.0開(kāi)始支持。用于設(shè)置虛線(xiàn)的偏移量，可搭配borderType指定dasharray實(shí)現(xiàn)靈活的虛線(xiàn)效果?！魓ATextStyle.borderRadiusnumber或Array類(lèi)型，用于設(shè)置文字塊的圓角。◆xATextStyle.paddingnumber或Array類(lèi)型，用于設(shè)置文字塊的內(nèi)邊距。例如：①padding:[3,4,5,6]：表示[上,右,下,左]的邊距。②padding:4：表示padding:[4,4,4,4]。③padding:[3,4]：表示padding:[3,4,3,4]。注意，文字塊的width和height指定的是內(nèi)容高寬，不包含padding?！魓ATextStyle.shadowColor='transparent'Color類(lèi)型，用于設(shè)置文字塊的背景陰影顏色。◆xATextStyle.shadowBlurnumber類(lèi)型，用于設(shè)置文字塊的背景陰影長(zhǎng)度?！魓ATextStyle.shadowOffsetXnumber類(lèi)型，用于設(shè)置文字塊的背景陰影X偏移?！魓ATextStyle.shadowOffsetYnumber類(lèi)型，用于設(shè)置文字塊的背景陰影Y偏移?！魓ATextStyle.widthnumber類(lèi)型，用于設(shè)置文本顯示寬度。◆xATextStyle.heightnumber類(lèi)型，用于設(shè)置文本顯示高度?！魓ATextStyle.textBorderColorColor類(lèi)型，用于設(shè)置文字本身的描邊顏色。◆xATextStyle.textBorderWidthnumber類(lèi)型，用于設(shè)置文字本身的描邊寬度?！魓ATextStyle.textBorderType='solid'string或number或Array類(lèi)型，用于設(shè)置文字本身的描邊類(lèi)型。其取值可選項(xiàng)為：'solid'、'dashed'、'dotted'。自v5.0.0開(kāi)始，也可以是number或者number數(shù)組，用以指定線(xiàn)條的dasharray，配合textBorderDashOffset可實(shí)現(xiàn)更靈活的虛線(xiàn)效果。例如：{textBorderType:[5,10],textBorderDashOffset:5}◆xATextStyle.textBorderDashOffsetnumber類(lèi)型，從v5.0.0開(kāi)始支持。用于設(shè)置虛線(xiàn)的偏移量，可搭配textBorderType指定dasharray實(shí)現(xiàn)靈活的虛線(xiàn)效果?！魓ATextStyle.textShadowColor='transparent'Color類(lèi)型，用于設(shè)置文字本身的陰影顏色?！魓ATextStyle.textShadowBlurnumber類(lèi)型，用于設(shè)置文字本身的陰影長(zhǎng)度。◆xATextStyle.textShadowOffsetXnumber類(lèi)型，用于設(shè)置文字本身的陰影X偏移?！魓ATextStyle.textShadowOffsetYnumber類(lèi)型，用于設(shè)置文字本身的陰影Y偏移?！魓ATextStyle.overflow='none'string類(lèi)型，用于設(shè)置文字超出寬度是否截?cái)嗷蛘邠Q行，配置width時(shí)有效。其取值可選項(xiàng)為：①'truncate'截?cái)?，并在末尾顯示ellipsis配置的文本，默認(rèn)為…。②'break'換行。。③'breakAll'換行，跟'break'不同的是，在英語(yǔ)等拉丁文中，'breakAll'還會(huì)強(qiáng)制單詞內(nèi)換行。?！魓ATextStyle.ellipsis='…'string類(lèi)型，用于設(shè)置在overflow配置為'truncate'的時(shí)候，可以通過(guò)該屬性配置末尾顯示的文本?！魓ATextStyle.richObject類(lèi)型，在rich里面，可以自定義富文本樣式。利用富文本樣式，可以在標(biāo)簽中做出非常豐富的效果。（11）xAxis.nameGap=15number類(lèi)型，用于設(shè)置坐標(biāo)軸名稱(chēng)與軸線(xiàn)之間的距離。（12）xAxis.nameRotatenumber類(lèi)型，用于設(shè)置坐標(biāo)軸名字旋轉(zhuǎn)角度值。（13）xAxis.nameTruncateObject類(lèi)型，用于設(shè)置坐標(biāo)軸名字的截?cái)唷！魓ATruncate.maxWidthnumber類(lèi)型，用于設(shè)置截?cái)辔谋镜淖畲箝L(zhǎng)度，超過(guò)此長(zhǎng)度會(huì)被截?cái)??！魓ATruncate.ellipsis='…'string類(lèi)型，用于設(shè)置截?cái)嗪笪淖帜┪诧@示的內(nèi)容。（14）xAxis.inverseboolean類(lèi)型，用于設(shè)置是否是反向坐標(biāo)軸。（15）xAxis.boundaryGapboolean或Array類(lèi)型，用于設(shè)置坐標(biāo)軸兩邊留白策略，類(lèi)目軸和非類(lèi)目軸的設(shè)置和表現(xiàn)不一樣。類(lèi)目軸中boundaryGap可以配置為true和false。默認(rèn)為true，這時(shí)候刻度只是作為分隔線(xiàn)，標(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%']（16）xAxis.minnumber或string或Function類(lèi)型，用于設(shè)置坐標(biāo)軸刻度最小值。可以設(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){returnvalue.min-20;}其中value是一個(gè)包含min和max的對(duì)象，分別表示數(shù)據(jù)的最大最小值，這個(gè)函數(shù)可返回坐標(biāo)軸的最小值，也可返回null/undefined來(lái)表示“自動(dòng)計(jì)算最小值”（返回null/undefined從v4.8.0開(kāi)始支持）。（17）xAxis.maxnumber或string或Function類(lèi)型，用于設(shè)置坐標(biāo)軸刻度最大值?？梢栽O(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){returnvalue.max-20;}其中value是一個(gè)包含min和max的對(duì)象，分別表示數(shù)據(jù)的最大最小值，這個(gè)函數(shù)可返回坐標(biāo)軸的最大值，也可返回null/undefined來(lái)表示“自動(dòng)計(jì)算最大值”（返回null/undefined從v4.8.0開(kāi)始支持）。（18）xAxis.scaleboolean類(lèi)型，只在數(shù)值軸中（type:'value'）有效。用于設(shè)置是否是脫離0值比例。設(shè)置成true后坐標(biāo)刻度不會(huì)強(qiáng)制包含零刻度。在雙數(shù)值軸的散點(diǎn)圖中比較有用。在設(shè)置min和max之后該配置項(xiàng)無(wú)效。（19）xAxis.splitNumber=5number類(lèi)型，用于設(shè)置坐標(biāo)軸的分割段數(shù)，需要注意的是這個(gè)分割段數(shù)只是個(gè)預(yù)估值，最后實(shí)際顯示的段數(shù)會(huì)在這個(gè)基礎(chǔ)上根據(jù)分割后坐標(biāo)軸刻度顯示的易讀程度作調(diào)整。在類(lèi)目軸中無(wú)效。（20）xAxis.minIntervalnumber類(lèi)型，用于設(shè)置自動(dòng)計(jì)算的坐標(biāo)軸最小間隔大小。例如可以設(shè)置成1保證坐標(biāo)軸分割刻度顯示成整數(shù)。{minInterval:1}只在數(shù)值軸或時(shí)間軸中（type:'value'或'time'）有效。（21）xAxis.maxIntervalnumber類(lèi)型，用于設(shè)置自動(dòng)計(jì)算的坐標(biāo)軸最大間隔大小。例如，在時(shí)間軸（（type:'time'））可以設(shè)置成3600*24*1000保證坐標(biāo)軸分割刻度最大為一天。{maxInterval:3600*24*1000}只在數(shù)值軸或時(shí)間軸中（type:'value'或'time'）有效。（22）xAxis.intervalnumber類(lèi)型，用于設(shè)置強(qiáng)制設(shè)置坐標(biāo)軸分割間隔。因?yàn)閟plitNumber是預(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ù)值。（23）xAxis.logBase=10number類(lèi)型，用于設(shè)置對(duì)數(shù)軸的底數(shù)，只在對(duì)數(shù)軸中（type:'log'）有效。（24）xAxis.startValuenumber類(lèi)型，用于設(shè)置從v5.5.1開(kāi)始支持。用于指定軸的起始值。（25）xAxis.silentboolean類(lèi)型，用于設(shè)置坐標(biāo)軸是否是靜態(tài)無(wú)法交互。（26）xAxis.triggerEventboolean類(lèi)型，用于設(shè)置坐標(biāo)軸的標(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就是xAxisIndexcomponentType:string,//未格式化過(guò)的刻度值,單擊刻度標(biāo)簽有效value:'',//坐標(biāo)軸名稱(chēng),單擊坐標(biāo)軸名稱(chēng)有效name:''}（27）xAxis.axisLineObject類(lèi)型，用于坐標(biāo)軸軸線(xiàn)的相關(guān)設(shè)置?！魓Axis.axisLine.show=trueboolean類(lèi)型，用于設(shè)置是否顯示坐標(biāo)軸軸線(xiàn)。從v5.0.0開(kāi)始，數(shù)值軸(type:'value')默認(rèn)不顯示軸線(xiàn)，需要顯式配置?！魓Axis.axisLine.onZero=trueboolean類(lèi)型，用于設(shè)置X軸或者Y軸的軸線(xiàn)是否在另一個(gè)軸的0刻度上，只有在另一個(gè)軸為數(shù)值軸且包含0刻度時(shí)有效?！魓Axis.axisLine.onZeroAxisIndexnumber類(lèi)型，用于設(shè)置當(dāng)有雙軸時(shí)，可以用這個(gè)屬性手動(dòng)指定，在哪個(gè)軸的0刻度上?！魓Axis.axisLine.symbol='none'string或Array類(lèi)型，用于設(shè)置軸線(xiàn)兩邊的箭頭?？梢允亲址?，表示兩端使用同樣的箭頭；或者長(zhǎng)度為2的字符串?dāng)?shù)組，分別表示兩端的箭頭。默認(rèn)不顯示箭頭，即'none'。兩端都顯示箭頭可以設(shè)置為'arrow'，只在末端顯示箭頭可以設(shè)置為['none','arrow']?！魓Axis.axisLine.symbolSize=[10,15]Array類(lèi)型，用于設(shè)置軸線(xiàn)兩邊的箭頭的大小，第1個(gè)數(shù)字表示寬度（垂直坐標(biāo)軸方向），第2個(gè)數(shù)字表示高度（平行坐標(biāo)軸方向）?！魓Axis.axisLine.symbolOffset=[0,0]Array或number類(lèi)型，用于設(shè)置軸線(xiàn)兩邊的箭頭的偏移，如果是數(shù)組，第1個(gè)數(shù)字表示起始箭頭的偏移，第2個(gè)數(shù)字表示末端箭頭的偏移；如果是數(shù)字，表示這兩個(gè)箭頭使用同樣的偏移?！魓Axis.axisLine.lineStyleObject類(lèi)型。（28）xAxis.axisTickObject類(lèi)型，用于坐標(biāo)軸刻度相關(guān)設(shè)置?！魓Axis.axisTick.show=trueboolean類(lèi)型，用于設(shè)置是否顯示坐標(biāo)軸刻度。從v5.0.0開(kāi)始，數(shù)值軸(type:'value')默認(rèn)不顯示軸刻度，需要顯式配置?！魓Axis.axisTick.alignWithLabelboolean類(lèi)型，用于設(shè)置類(lèi)目軸中在boundaryGap為true的時(shí)候有效，可以保證刻度線(xiàn)和標(biāo)簽對(duì)齊。◆xAxis.axisTick.interval='auto'number或Function類(lèi)型，用于設(shè)置坐標(biāo)軸刻度的顯示間隔，在類(lèi)目軸中有效。默認(rèn)同axisLerval一樣。默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽?？梢栽O(shè)置成0強(qiáng)制顯示所有標(biāo)簽。如果設(shè)置為1，表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』，如果值為2，表示隔兩個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽，以此類(lèi)推?？梢杂脭?shù)值表示間隔的數(shù)據(jù)，也可以通過(guò)回調(diào)函數(shù)控制。回調(diào)函數(shù)格式如下：(index:number,value:string)=>boolean第1個(gè)參數(shù)是類(lèi)目的index，第2個(gè)值是類(lèi)目名稱(chēng)，如果跳過(guò)則返回false。◆xAxis.axisTick.insideboolean類(lèi)型，用于設(shè)置坐標(biāo)軸刻度是否朝內(nèi)，默認(rèn)朝外?！魓Axis.axisTick.length=5number類(lèi)型，用于設(shè)置坐標(biāo)軸刻度的長(zhǎng)度?！魓Axis.axisTick.lineStyleObject類(lèi)型，用于刻度線(xiàn)的樣式設(shè)置。◆xAxis.axisTick.customValuesArray類(lèi)型，用于設(shè)置從v5.5.1開(kāi)始支持。自定義要顯示的坐標(biāo)軸刻度位置。例如：axisTick:{alignWithLabel:true,customValues:[0,0.5,1,1.5,2,8,9]}（29）xAxis.minorTickObject類(lèi)型，從v4.6.0開(kāi)始支持，用于坐標(biāo)軸次刻度線(xiàn)相關(guān)設(shè)置。注意：次刻度線(xiàn)無(wú)法在類(lèi)目軸（type:'category'）中使用。示例：◆xAxis.minorTick.showboolean類(lèi)型，用于設(shè)置是否顯示次刻度線(xiàn)。◆xAxis.minorTick.splitNumber=5number類(lèi)型，用于設(shè)置次刻度線(xiàn)分割數(shù)，默認(rèn)會(huì)分割成5段◆xAxis.minorTick.length=3number類(lèi)型，用于設(shè)置次刻度線(xiàn)的長(zhǎng)度?！魓Axis.minorTick.lineStyleObject類(lèi)型。（30）xAxis.axisLabelObject類(lèi)型，用于坐標(biāo)軸刻度標(biāo)簽的相關(guān)設(shè)置?！魓Axis.axisLabel.show=trueboolean類(lèi)型，用于設(shè)置是否顯示刻度標(biāo)簽?！魓Axis.axisLabel.interval='auto'number或Function類(lèi)型，用于設(shè)置坐標(biāo)軸刻度標(biāo)簽的顯示間隔，在類(lèi)目軸中有效。默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽?？梢栽O(shè)置成0強(qiáng)制顯示所有標(biāo)簽。如果設(shè)置為1，表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』，如果值為2，表示隔兩個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽，以此類(lèi)推?？梢杂脭?shù)值表示間隔的數(shù)據(jù)，也可以通過(guò)回調(diào)函數(shù)控制?；卣{(diào)函數(shù)格式如下：(index:number,value:string)=>boolean第1個(gè)參數(shù)是類(lèi)目的index，第2個(gè)值是類(lèi)目名稱(chēng)，如果跳過(guò)則返回false?！魓Axis.axisLabel.insideboolean類(lèi)型，用于設(shè)置刻度標(biāo)簽是否朝內(nèi)，默認(rèn)朝外?！魓Axis.axisLabel.rotatenumber類(lèi)型，用于設(shè)置刻度標(biāo)簽旋轉(zhuǎn)的角度，在類(lèi)目軸的類(lèi)目標(biāo)簽顯示不下的時(shí)候可以通過(guò)旋轉(zhuǎn)防止標(biāo)簽之間重疊。旋轉(zhuǎn)的角度從-90度到90度。◆xAxis.axisLabel.margin=8number類(lèi)型，用于設(shè)置刻度標(biāo)簽與軸線(xiàn)之間的距離?！魓Axis.axisLabel.formatterstring或Function類(lèi)型，用于設(shè)置刻度標(biāo)簽的內(nèi)容格式器，支持字符串模板和回調(diào)函數(shù)兩種形式。示例代碼如下：//使用字符串模板，模板變量為刻度默認(rèn)標(biāo)簽{value}formatter:'{value}kg'//使用函數(shù)模板，函數(shù)參數(shù)分別為刻度數(shù)值（類(lèi)目），刻度的索引formatter:function(value,index){returnvalue+'kg';}對(duì)于時(shí)間軸（type:'time'），formatter的字符串模板支持以下多種形式：①字符串模板：簡(jiǎn)單快速實(shí)現(xiàn)常用日期時(shí)間模板，string類(lèi)型②回調(diào)函數(shù)：自定義formatter，可以用來(lái)實(shí)現(xiàn)復(fù)雜高級(jí)的格式，F(xiàn)unction類(lèi)型③分級(jí)模板：為不同時(shí)間粒度的標(biāo)簽使用不同的formatter，object類(lèi)型◆xAxis.axisLabel.showMinLabelboolean類(lèi)型，用于設(shè)置是否顯示最小tick的label。可取值true、false、null。默認(rèn)自動(dòng)判定（即如果標(biāo)簽重疊，不會(huì)顯示最小tick的label）?！魓Axis.axisLabel.showMaxLabelboolean類(lèi)型，用于設(shè)置是否顯示最大tick的label?？扇≈祎rue、false、null。默認(rèn)自動(dòng)判定（即如果標(biāo)簽重疊，不會(huì)顯示最大tick的label）。◆xAxis.axisLabel.alignMinLabelstring類(lèi)型，從v5.5.0開(kāi)始支持，用于設(shè)置。用于設(shè)置最小的坐標(biāo)刻度標(biāo)簽的對(duì)齊方式。如果設(shè)置為null，則和其他標(biāo)簽一致。其取值可選項(xiàng)為：'left'、'center'、'right'、null(default)。◆xAxis.axisLabel.alignMaxLabelstring類(lèi)型，從v5.5.0開(kāi)始支持，用于設(shè)置，用于設(shè)置最大的坐標(biāo)刻度標(biāo)簽的對(duì)齊方式。如果設(shè)置為null，則和其他標(biāo)簽一致。其取值可選項(xiàng)為：'left'、'center'、'right'、null(default)?！魓Axis.axisLabel.hideOverlapboolean類(lèi)型，從v5.2.0開(kāi)始支持，用于設(shè)置，用于設(shè)置是否隱藏重疊的標(biāo)簽。◆xAxis.axisLabel.customValuesArray類(lèi)型，用于設(shè)置從v5.5.1開(kāi)始支持，用于自定義要顯示的標(biāo)簽位置。例如：axisLabel:{customValues:[0,4,7,8,9]}◆xAxis.axisLabel.ColorColor或Function類(lèi)型，用于設(shè)置刻度標(biāo)簽文字的顏色，默認(rèn)取axisLine.lineStyle.color。支持回調(diào)函數(shù)，格式如下(val:string)=>Color參數(shù)是標(biāo)簽的文本，返回顏色值，示例代碼如下：textStyle:{color：function(value,index){returnvalue>=0?'green':'red';}}◆xAxis.axisLabel.fontStyle='normal'string類(lèi)型，用于設(shè)置文字字體的風(fēng)格。其取值可選項(xiàng)為：'normal'、'italic'、'oblique'?！魓Axis.axisLabel.fontWeight='normal'string或number類(lèi)型，用于設(shè)置文字字體的粗細(xì)。其取值可選項(xiàng)為：'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆xAxis.axisLabel.fontFamily='sans-serif'string類(lèi)型，用于設(shè)置文字的字體系列。還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'、…◆xAxis.axisLabel.fontSize=12number類(lèi)型，用于設(shè)置文字的字體大小?！魓Axis.axisLabel.alignstring類(lèi)型，用于設(shè)置文字水平對(duì)齊方式，默認(rèn)自動(dòng)。其取值可選項(xiàng)為：'left'、'center'、'right'。rich中如果沒(méi)有設(shè)置align，則會(huì)取父層級(jí)的align。例如：{align:right,rich:{a:{//沒(méi)有設(shè)置`align`，則`align`為right}}}◆xAxis.axisLabel.verticalAlignstring類(lèi)型，用于設(shè)置文字垂直對(duì)齊方式，默認(rèn)自動(dòng)。其取值可選項(xiàng)為：'top'、'middle'、'bottom'。rich中如果沒(méi)有設(shè)置verticalAlign，則會(huì)取父層級(jí)的verticalAlign。例如：{verticalAlign:bottom,rich:{a:{//沒(méi)有設(shè)置`verticalAlign`，則`verticalAlign`為bottom}}}◆xAxis.axisLabel.lineHeightnumber類(lèi)型，用于設(shè)置行高。rich中如果沒(méi)有設(shè)置lineHeight，則會(huì)取父層級(jí)的lineHeight。例如：{lineHeight:56,rich:{a:{//沒(méi)有設(shè)置`lineHeight`，則`lineHeight`為56}}}◆xAxis.axisLabel.backgroundColor='transparent'string或Object類(lèi)型，用于設(shè)置文字塊背景色?？梢允褂妙伾担纾?#123234','red','rgba(0,23,11,0.3)'。也可以直接使用圖片，例如：backgroundColor：{image:'xxx/xxx.png'//這里可以是圖片的URL，//或者圖片的dataURI，//或者HTMLImageElement對(duì)象，//或者HTMLCanvasElement對(duì)象。}當(dāng)使用圖片的時(shí)候，可以使用width或height指定高寬，也可以不指定自適應(yīng)?！魓Axis.axisLabel.borderColorColor類(lèi)型，用于設(shè)置文字塊邊框顏色。◆xAxis.axisLabel.borderWidthnumber類(lèi)型，用于設(shè)置文字塊邊框?qū)挾取Axis.axisLabel.borderType='solid'string或number或Array類(lèi)型，用于設(shè)置文字塊邊框描邊類(lèi)型。其取值可選項(xiàng)為：'solid'、'dashed'、'dotted'。自v5.0.0開(kāi)始，也可以是number或者number數(shù)組，用以指定線(xiàn)條的dasharray，配合borderDashOffset可實(shí)現(xiàn)更靈活的虛線(xiàn)效果。例如：{borderType:[5,10],borderDashOffset:5}◆xAxis.axisLabel.borderDashOffsetnumber類(lèi)型，從v5.0.0開(kāi)始支持。用于設(shè)置虛線(xiàn)的偏移量，可搭配borderType指定dasharray實(shí)現(xiàn)靈活的虛線(xiàn)效果?！魓Axis.axisLabel.borderRadiusnumber或Array類(lèi)型，用于設(shè)置文字塊的圓角?！魓Axis.axisLabel.paddingnumber或Array類(lèi)型，用于設(shè)置文字塊的內(nèi)邊距。例如：padding:[3,4,5,6]：表示[上,右,下,左]的邊距。padding:4：表示padding:[4,4,4,4]。padding:[3,4]：表示padding:[3,4,3,4]。注意，文字塊的width和height指定的是內(nèi)容高寬，不包含padding?！魓Axis.axisLabel.shadowColor='transparent'Color類(lèi)型，用于設(shè)置文字塊的背景陰影顏色?！魓Axis.axisLabel.shadowBlurnumber類(lèi)型，用于設(shè)置文字塊的背景陰影長(zhǎng)度?！魓Axis.axisLabel.shadowOffsetXnumber類(lèi)型，用于設(shè)置文字塊的背景陰影X偏移?！魓Axis.axisLabel.shadowOffsetYnumber類(lèi)型，用于設(shè)置文字塊的背景陰影Y偏移。◆xAxis.axisLabel.widthnumber類(lèi)型，用于設(shè)置文本顯示寬度?！魓Axis.axisLabel.heightnumber類(lèi)型，用于設(shè)置文本顯示高度?！魓Axis.axisLabel.textBorderColorColor類(lèi)型，用于設(shè)置文字本身的描邊顏色?！魓Axis.axisLabel.textBorderWidthnumber類(lèi)型，用于設(shè)置文字本身的描邊寬度?！魓Axis.axisLabel.textBorderType='solid'string或number或Array類(lèi)型，用于設(shè)置文字本身的描邊類(lèi)型。其取值可選項(xiàng)為：'solid'、'dashed'、'dotted'。自v5.0.0開(kāi)始，也可以是number或者number數(shù)組，用以指定線(xiàn)條的dasharray，配合textBorderDashOffset可實(shí)現(xiàn)更靈活的虛線(xiàn)效果。例如：{textBorderType:[5,10],textBorderDashOffset:5}◆xAxis.axisLabel.textBorderDashOffsetnumber類(lèi)型，從v5.0.0開(kāi)始支持，用于設(shè)置虛線(xiàn)的偏移量，可搭配textBorderType指定dasharray實(shí)現(xiàn)靈活的虛線(xiàn)效果?！魓Axis.axisLabel.textShadowColor='transparent'Color類(lèi)型，用于設(shè)置文字本身的陰影顏色。◆xAxis.axisLabel.textShadowBlurnumber類(lèi)型，用于設(shè)置文字本身的陰影長(zhǎng)度?！魓Axis.axisLabel.textShadowOffsetXnumber類(lèi)型，用于設(shè)置文字本身的陰影X偏移?！魓Axis.axisLabel.textShadowOffsetYnumber類(lèi)型，用于設(shè)置文字本身的陰影Y偏移?！魓Axis.axisLabel.overflow='none'string類(lèi)型，用于設(shè)置文字超出寬度是否截?cái)嗷蛘邠Q行，配置width時(shí)有效。其取值可選項(xiàng)為：①'truncate'截?cái)?，并在末尾顯示ellipsis配置的文本，默認(rèn)為…②'break'換行。。③'breakAll'換行，跟'break'不同的是，在英語(yǔ)等拉丁文中，'breakAll'還會(huì)強(qiáng)制單詞內(nèi)換行。?！魓Axis.axisLabel.ellipsis='…'string類(lèi)型，用于設(shè)置在overflow配置為'truncate'的時(shí)候，可以通過(guò)該屬性配置末尾顯示的文本?！魓Axis.axisLabel.richObject類(lèi)型，在rich里面，可以自定義富文本樣式，利用富文本樣式，可以在標(biāo)簽中做出非常豐富的效果。（31）xAxis.splitLineObject類(lèi)型，用于設(shè)置坐標(biāo)軸在grid區(qū)域中的分隔線(xiàn)?！魓Axis.splitLine.show=trueboolean類(lèi)型，用于設(shè)置是否顯示分隔線(xiàn)。默認(rèn)數(shù)值軸顯示，類(lèi)目軸不顯示?！魓Axis.splitLine.interval='auto'number或Function類(lèi)型，用于設(shè)置坐標(biāo)軸分隔線(xiàn)的顯示間隔，在類(lèi)目軸中有效。默認(rèn)同axisLerval一樣。默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽?？梢栽O(shè)置成0強(qiáng)制顯示所有標(biāo)簽。如果設(shè)置為1，表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』，如果值為2，表示隔兩個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽，以此類(lèi)推?？梢杂脭?shù)值表示間隔的數(shù)據(jù)，也可以通過(guò)回調(diào)函數(shù)控制。回調(diào)函數(shù)格式如下：(index:number,value:string)=>boolean第1個(gè)參數(shù)是類(lèi)目的index，第2個(gè)值是類(lèi)目名稱(chēng)，如果跳過(guò)則返回false?！魓Axis.splitLine.lineStyleObject類(lèi)型。（32）xAxis.minorSplitLineObject類(lèi)型，從v4.6.0開(kāi)始支持，用于設(shè)置坐標(biāo)軸在grid區(qū)域中的次分隔線(xiàn)，次分割線(xiàn)會(huì)對(duì)齊次刻度線(xiàn)minorTick◆xAxis.minorSplitLine.showboolean類(lèi)型，用于設(shè)置是否顯示次分隔線(xiàn)。默認(rèn)不顯示?！魓Axis.minorSplitLine.lineStyle（33）xAxis.splitAreaObject類(lèi)型，用于設(shè)置坐標(biāo)軸在grid區(qū)域中的分隔區(qū)域，默認(rèn)不顯示?！魓Axis.splitArea.interval='auto'number或Function類(lèi)型，用于設(shè)置坐標(biāo)軸分隔區(qū)域的顯示間隔，在類(lèi)目軸中有效。默認(rèn)同axisLerval一樣。默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽?？梢栽O(shè)置成0強(qiáng)制顯示所有標(biāo)簽。如果設(shè)置為1，表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』，如果值為2，表示隔兩個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽，以此類(lèi)推?？梢杂脭?shù)值表示間隔的數(shù)據(jù)，也可以通過(guò)回調(diào)函數(shù)控制?；卣{(diào)函數(shù)格式如下：(index:number,value:string)=>boolean第1個(gè)參數(shù)是類(lèi)目的index，第2個(gè)值是類(lèi)目名稱(chēng)，如果跳過(guò)則返回false?！魓Axis.splitArea.showboolean類(lèi)型，用于設(shè)置是否顯示分隔區(qū)域?！魓Axis.splitArea.areaStyleObject類(lèi)型，用于分隔區(qū)域的樣式設(shè)置。（34）xAxis.dataArray類(lèi)型，用于設(shè)置類(lèi)目數(shù)據(jù)，在類(lèi)目軸（type:'category'）中有效。如果沒(méi)有設(shè)置type，但是設(shè)置了axis.data，則認(rèn)為type是'category'。如果設(shè)置了type是'category'，但沒(méi)有設(shè)置axis.data，則axis.data的內(nèi)容會(huì)自動(dòng)從series.data中獲取，這會(huì)比較方便。不過(guò)注意，axis.data指明的是'category'軸的取值范圍。如果不指定而是從series.data中獲取，那么只能獲取到series.data中出現(xiàn)的值。例如說(shuō)，假如series.data為空時(shí)，就什么也獲取不到。示例代碼：//所有類(lèi)目名稱(chēng)列表data:['周一','周二','周三','周四','周五','周六','周日']//每一項(xiàng)也可以是具體的配置項(xiàng)，此時(shí)取配置項(xiàng)中的`value`為類(lèi)目名data:[{value:'周一',//突出周一textStyle:{fontSize:20,color：'red'}},'周二','周三','周四','周五','周六','周日']（35）xAxis.axisPointerObject類(lèi)型，用于設(shè)置坐標(biāo)軸指示器配置項(xiàng)?！魓Axis.axisPointer.showboolean類(lèi)型，默認(rèn)不顯示。但是如果tooltip.trigger設(shè)置為'axis'或者tooltip.axisPointer.type設(shè)置為'cross'，則自動(dòng)顯示axisPointer。坐標(biāo)系會(huì)自動(dòng)選擇顯示顯示哪個(gè)軸的axisPointer，也可以使用tooltip.axisPointer.axis改變這種選擇?！魓Axis.axisPointer.type='line'string類(lèi)型，用于設(shè)置指示器類(lèi)型。其取值可選項(xiàng)為：①①'line'直線(xiàn)指示器。。②②'shadow'陰影指示器。。③③'none'無(wú)指示器。?！魓Axis.axisPointer.snapboolean類(lèi)型，用于設(shè)置坐標(biāo)軸指示器是否自動(dòng)吸附到點(diǎn)上，默認(rèn)自動(dòng)判斷。這個(gè)功能在數(shù)值軸和時(shí)間軸上比較有意義，可以自動(dòng)尋找細(xì)小的數(shù)值點(diǎn)?！魓Axis.axisPointer.znumber類(lèi)型，用于設(shè)置坐標(biāo)軸指示器的z值。控制圖形的前后順序，z值小的圖形會(huì)被z值大的圖形覆蓋?！魓Axis.axisPointer.labelObject類(lèi)型，用于設(shè)置坐標(biāo)軸指示器的文本標(biāo)簽。◆