版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
Java程序設計任務驅動教程Web數據可視化教程(基于ECharts)Web數據可視化教程(基于ECharts)直角坐標系中y軸(yAxis)的屬性及設置Web數據可視化教程(基于ECharts)(1)yAxis.idstring類型,用于設置組件ID,默認不指定。指定則可用于在option或者API中引用組件。(2)yAxis.show=trueboolean類型,用于設置是否顯示y軸。(3)yAxis.gridIndexnumber類型,用于設置y軸所在的grid的索引,默認位于第1個grid。(4)yAxis.alignTicksboolean類型,用于設置從v5.3.0開始支持,在多個y軸為數值軸的時候,可以開啟該配置項自動對齊刻度。只對'value'和'log'類型的軸有效。(5)yAxis.positionstring類型,用于設置y軸的位置。其取值可選項為:'left'、'right'。默認grid中的第1個y軸在grid的左側('left'),第2個y軸視第1個y軸的位置放在另一側。注:若未將yAxis.axisLine.onZero設為false,則該項無法生效(6)yAxis.offsetnumber類型,用于設置Y軸相對于默認位置的偏移,在相同的position上有多個Y軸的時候有用。注:若未將yAxis.axisLine.onZero設為false,則該項無法生效。需要配合其他配置項共同實現動態(tài)排序柱狀圖效果。(7)yAxis.type='value'string類型,用于設置坐標軸類型。其取值可選項為:①'value'數值軸,適用于連續(xù)數據。②'category'類目軸,適用于離散的類目數據。為該類型時類目數據可自動從series.data或dataset.source中取,或者可通過yAxis.data設置類目數據。③'time'時間軸,適用于連續(xù)的時序數據,與數值軸相比時間軸帶有時間的格式化,在刻度計算上也有所不同,例如會根據跨度的范圍來決定使用月、星期、日還是小時范圍的刻度。④'log'對數軸。適用于對數數據。對數軸下的堆積柱狀圖或堆積折線圖可能帶來很大的視覺誤差,并且在一定情況下可能存在非預期效果,應避免使用。(8)yAxis.namestring類型,用于設置坐標軸名稱。(9)yAxis.nameLocation='end'string類型,用于設置坐標軸名稱顯示位置。其取值可選項為:'start'、'middle'或者'center'、'end'。(10)yAxis.nameTextStyleObject類型,用于設置坐標軸名稱的文字樣式?!魕ATextStyle.ColorColor類型,用于設置坐標軸名稱的顏色,默認取axisLine.lineStyle.color?!魕ATextStyle.fontStyle='normal'string類型,用于設置坐標軸名稱文字字體的風格。其取值可選項為:'normal''italic'、'oblique'?!魕ATextStyle.fontWeight='normal'string或number類型,用于設置坐標軸名稱文字字體的粗細。其取值可選項為:'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆yATextStyle.fontFamily='sans-serif'string類型,用于設置坐標軸名稱文字的字體系列。還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆yATextStyle.fontSize=12number類型,用于設置坐標軸名稱文字的字體大小?!魕ATextStyle.alignstring類型,用于設置文字水平對齊方式,默認自動。其取值可選項為:'left'、'center'、'right'。rich中如果沒有設置align,則會取父層級的align。例如:{align:right,rich:{a:{//沒有設置`align`,則`align`為right}}}◆yATextStyle.verticalAlignstring類型,用于設置文字垂直對齊方式,默認自動。其取值可選項為:'top'、'middle'、'bottom'。rich中如果沒有設置verticalAlign,則會取父層級的verticalAlign。例如:{verticalAlign:bottom,rich:{a:{//沒有設置`verticalAlign`,則`verticalAlign`為bottom}}}◆yATextStyle.lineHeightnumber類型,用于設置行高。rich中如果沒有設置lineHeight,則會取父層級的lineHeight。例如:{lineHeight:56,rich:{a:{//沒有設置`lineHeight`,則`lineHeight`為56}}}◆yATextStyle.backgroundColor='transparent'string或Object類型,用于設置文字塊背景色。可以使用顏色值,例如:'#123234','red','rgba(0,23,11,0.3)'。也可以直接使用圖片,例如:backgroundColor:{image:'xxx/xxx.png'//這里可以是圖片的URL,//或者圖片的dataURI,//或者HTMLImageElement對象,//或者HTMLCanvasElement對象。}當使用圖片的時候,可以使用width或height指定高寬,也可以不指定自適應?!魕ATextStyle.borderColorColor類型,用于設置文字塊邊框顏色?!魕ATextStyle.borderWidthnumber類型,用于設置文字塊邊框寬度?!魕ATextStyle.borderType='solid'string或number或Array類型,用于設置文字塊邊框描邊類型。其取值可選項為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數組,用以指定線條的dasharray,配合borderDashOffset可實現更靈活的虛線效果。例如:{borderType:[5,10],borderDashOffset:5}◆yATextStyle.borderDashOffsetnumber類型,從v5.0.0開始支持。用于設置虛線的偏移量,可搭配borderType指定dasharray實現靈活的虛線效果?!魕ATextStyle.borderRadiusnumber或Array類型,用于設置文字塊的圓角?!魕ATextStyle.paddingnumber或Array類型,用于設置文字塊的內邊距。例如:padding:[3,4,5,6]:表示[上,右,下,左]的邊距。padding:4:表示padding:[4,4,4,4]。padding:[3,4]:表示padding:[3,4,3,4]。注意,文字塊的width和height指定的是內容高寬,不包含padding?!魕ATextStyle.shadowColor='transparent'Color類型,用于設置文字塊的背景陰影顏色?!魕ATextStyle.shadowBlurnumber類型,用于設置文字塊的背景陰影長度?!魕ATextStyle.shadowOffsetXnumber類型,用于設置文字塊的背景陰影X偏移?!魕ATextStyle.shadowOffsetYnumber類型,用于設置文字塊的背景陰影Y偏移?!魕ATextStyle.widthnumber類型,用于設置文本顯示寬度?!魕ATextStyle.heightnumber類型,用于設置文本顯示高度?!魕ATextStyle.textBorderColorColor類型,用于設置文字本身的描邊顏色。◆yATextStyle.textBorderWidthnumber類型,用于設置文字本身的描邊寬度。◆yATextStyle.textBorderType='solid'string或number或Array類型,用于設置文字本身的描邊類型。其取值可選項為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數組,用以指定線條的dasharray,配合textBorderDashOffset可實現更靈活的虛線效果。例如:{textBorderType:[5,10],textBorderDashOffset:5}◆yATextStyle.textBorderDashOffsetnumber類型,從v5.0.0開始支持。用于設置虛線的偏移量,可搭配textBorderType指定dasharray實現靈活的虛線效果。◆yATextStyle.textShadowColor='transparent'Color類型,用于設置文字本身的陰影顏色?!魕ATextStyle.textShadowBlurnumber類型,用于設置文字本身的陰影長度?!魕ATextStyle.textShadowOffsetXnumber類型,用于設置文字本身的陰影X偏移。◆yATextStyle.textShadowOffsetYnumber類型,用于設置文字本身的陰影Y偏移?!魕ATextStyle.overflow='none'string類型,用于設置文字超出寬度是否截斷或者換行,配置width時有效。①'truncate'截斷,并在末尾顯示ellipsis配置的文本,默認為…②'break'換行。③'breakAll'換行,跟'break'不同的是,在英語等拉丁文中,'breakAll'還會強制單詞內換行?!魕ATextStyle.ellipsis='…'string類型,在overflow配置為'truncate'的時候,可以通過該屬性配置末尾顯示的文本?!魕ATextStyle.richObject類型。在rich里面,可以自定義富文本樣式。利用富文本樣式,可以在標簽中做出非常豐富的效果。(11)yAxis.nameGap=15number類型,用于設置坐標軸名稱與軸線之間的距離。(12)yAxis.nameRotatenumber類型,用于設置坐標軸名字旋轉角度值。(13)yAxis.nameTruncateObject類型。用于設置坐標軸名字的截斷?!魕ATruncate.maxWidthnumber類型,用于設置截斷文本的最大長度,超過此長度會被截斷。◆yATruncate.ellipsis='…'string類型,用于設置截斷后文字末尾顯示的內容。(14)yAxis.inverseboolean類型,用于設置是否是反向坐標軸。(15)yAxis.boundaryGapboolean或Array類型,用于設置坐標軸兩邊留白策略,類目軸和非類目軸的設置和表現不一樣。類目軸中boundaryGap可以配置為true和false。默認為true,這時候刻度只是作為分隔線,標簽和數據點都會在兩個刻度之間的帶(band)中間。非類目軸,包括時間,數值,對數軸,boundaryGap是一個兩個值的數組,分別表示數據最小值和最大值的延伸范圍,可以直接設置數值或者相對的百分比,在設置min和max后無效。示例代碼:boundaryGap:['20%','20%'](16)yAxis.minnumber或string或Function類型,用于設置坐標軸刻度最小值??梢栽O置成特殊值'dataMin',此時取數據在該軸上的最小值作為最小刻度。不設置時會自動計算最小值保證坐標軸刻度的均勻分布。在類目軸中,也可以設置為類目的序數(如類目軸data:['類A','類B','類C']中,序數2表示'類C'。也可以設置為負數,如-3)。當設置成function形式時,可以根據計算得出的數據最大最小值設定坐標軸的最小值。如:min:function(value){returnvalue.min-20;}其中value是一個包含min和max的對象,分別表示數據的最大最小值,這個函數可返回坐標軸的最小值,也可返回null/undefined來表示“自動計算最小值”(返回null/undefined從v4.8.0開始支持)。(17)yAxis.maxnumber或string或Function類型,用于設置坐標軸刻度最大值??梢栽O置成特殊值'dataMax',此時取數據在該軸上的最大值作為最大刻度。不設置時會自動計算最大值保證坐標軸刻度的均勻分布。在類目軸中,也可以設置為類目的序數(如類目軸data:['類A','類B','類C']中,序數2表示'類C'。也可以設置為負數,如-3)。當設置成function形式時,可以根據計算得出的數據最大最小值設定坐標軸的最小值。如:max:function(value){returnvalue.max-20;}其中value是一個包含min和max的對象,分別表示數據的最大最小值,這個函數可返回坐標軸的最大值,也可返回null/undefined來表示“自動計算最大值”(返回null/undefined從v4.8.0開始支持)。(18)yAxis.scaleboolean類型,只在數值軸中(type:'value')有效。用于設置是否是脫離0值比例。設置成true后坐標刻度不會強制包含零刻度。在雙數值軸的散點圖中比較有用。在設置min和max之后該配置項無效。(19)yAxis.splitNumber=5number類型,用于設置坐標軸的分割段數,需要注意的是這個分割段數只是個預估值,最后實際顯示的段數會在這個基礎上根據分割后坐標軸刻度顯示的易讀程度作調整。在類目軸中無效。(20)yAxis.minIntervalnumber類型,用于設置自動計算的坐標軸最小間隔大小。例如可以設置成1保證坐標軸分割刻度顯示成整數。{minInterval:1}只在數值軸或時間軸中(type:'value'或'time')有效。(21)yAxis.maxIntervalnumber類型,用于設置自動計算的坐標軸最大間隔大小。例如,在時間軸((type:'time'))可以設置成3600*24*1000保證坐標軸分割刻度最大為一天。{maxInterval:3600*24*1000}只在數值軸或時間軸中(type:'value'或'time')有效。(22)yAxis.intervalnumber類型,用于設置強制設置坐標軸分割間隔。因為splitNumber是預估的值,實際根據策略計算出來的刻度可能無法達到想要的效果,這時候可以使用interval配合min、max強制設定刻度劃分,一般不建議使用。無法在類目軸中使用。在時間軸(type:'time')中需要傳時間戳,在對數軸(type:'log')中需要傳指數值。(23)yAxis.logBase=10number類型,用于設置對數軸的底數,只在對數軸中(type:'log')有效。(24)yAxis.startValuenumber類型,用于設置從v5.5.1開始支持。用于指定軸的起始值。(25)yAxis.silentboolean類型,用于設置坐標軸是否是靜態(tài)無法交互。(26)yAxis.triggerEventboolean類型,用于設置坐標軸的標簽是否響應和觸發(fā)鼠標事件,默認不響應。事件參數如下:{//組件類型,xAxis,yAxis,radiusAxis,angleAxis//對應組件類型都會有一個屬性表示組件的index,例如xAxis就是xAxisIndexcomponentType:string,//未格式化過的刻度值,單擊刻度標簽有效value:'',//坐標軸名稱,單擊坐標軸名稱有效name:''}(27)yAxis.axisLineObject類型,用于坐標軸軸線相關設置?!魕Axis.axisLine.show=trueboolean類型,用于設置是否顯示坐標軸軸線。從v5.0.0開始,數值軸(type:'value')默認不顯示軸線,需要顯式配置?!魕Axis.axisLine.onZero=trueboolean類型,用于設置X軸或者Y軸的軸線是否在另一個軸的0刻度上,只有在另一個軸為數值軸且包含0刻度時有效。◆yAxis.axisLine.onZeroAxisIndexnumber類型,用于設置當有雙軸時,可以用這個屬性手動指定,在哪個軸的0刻度上。◆yAxis.axisLine.symbol='none'string或Array類型,用于設置軸線兩邊的箭頭??梢允亲址?,表示兩端使用同樣的箭頭;或者長度為2的字符串數組,分別表示兩端的箭頭。默認不顯示箭頭,即'none'。兩端都顯示箭頭可以設置為'arrow',只在末端顯示箭頭可以設置為['none','arrow']。◆yAxis.axisLine.symbolSize=[10,15]Array類型,用于設置軸線兩邊的箭頭的大小,第1個數字表示寬度(垂直坐標軸方向),第2個數字表示高度(平行坐標軸方向)。◆yAxis.axisLine.symbolOffset=[0,0]Array或number類型,用于設置類型,用于設置軸線兩邊的箭頭的偏移,如果是數組,第1個數字表示起始箭頭的偏移,第2個數字表示末端箭頭的偏移;如果是數字,表示這兩個箭頭使用同樣的偏移?!魕Axis.axisLine.lineStyleObject類型。(28)yAxis.axisTickObject類型,用于坐標軸刻度相關設置?!魕Axis.axisTick.show=trueboolean類型,用于設置是否顯示坐標軸刻度。從v5.0.0開始,數值軸(type:'value')默認不顯示軸刻度,需要顯式配置?!魕Axis.axisTick.alignWithLabelboolean類型,用于設置類目軸中在boundaryGap為true的時候有效,可以保證刻度線和標簽對齊?!魕Axis.axisTick.interval='auto'number或Function類型,用于設置坐標軸刻度的顯示間隔,在類目軸中有效。默認同axisLerval一樣。默認會采用標簽不重疊的策略間隔顯示標簽,可以設置成0強制顯示所有標簽。如果設置為1,表示『隔一個標簽顯示一個標簽』,如果值為2,表示隔兩個標簽顯示一個標簽,以此類推??梢杂脭抵当硎鹃g隔的數據,也可以通過回調函數控制。回調函數格式如下:(index:number,value:string)=>boolean第1個參數是類目的index,第2個值是類目名稱,如果跳過則返回false?!魕Axis.axisTick.insideboolean類型,用于設置坐標軸刻度是否朝內,默認朝外。◆yAxis.axisTick.length=5number類型,用于設置坐標軸刻度的長度。◆yAxis.axisTick.lineStyleObject類型,用于刻度線的樣式設置?!魕Axis.axisTick.customValuesArray類型,用于設置從v5.5.1開始支持,自定義要顯示的坐標軸刻度位置。例如:axisTick:{alignWithLabel:true,customValues:[0,0.5,1,1.5,2,8,9]}◆yAxis.minorTickObject從v4.6.0開始支持,用于坐標軸次刻度線相關設置。注意:次刻度線無法在類目軸(type:'category')中使用?!魕Axis.minorTick.showboolean類型,用于設置是否顯示次刻度線?!魕Axis.minorTick.splitNumber=5number類型,用于設置次刻度線分割數,默認會分割成5段◆yAxis.minorTick.length=3number類型,用于設置次刻度線的長度?!魕Axis.minorTick.lineStyleObject類型。(29)yAxis.axisLabelObject類型,用于坐標軸刻度標簽的相關設置。◆yAxis.axisLabel.show=trueboolean類型,用于設置是否顯示刻度標簽?!魕Axis.axisLabel.interval='auto'number或Function類型,用于設置坐標軸刻度標簽的顯示間隔,在類目軸中有效。默認會采用標簽不重疊的策略間隔顯示標簽??梢栽O置成0強制顯示所有標簽。如果設置為1,表示『隔一個標簽顯示一個標簽』,如果值為2,表示隔兩個標簽顯示一個標簽,以此類推??梢杂脭抵当硎鹃g隔的數據,也可以通過回調函數控制。回調函數格式如下:(index:number,value:string)=>boolean第1個參數是類目的index,第2個值是類目名稱,如果跳過則返回false。◆yAxis.axisLabel.insideboolean類型,用于設置刻度標簽是否朝內,默認朝外?!魕Axis.axisLabel.rotatenumber類型,用于設置刻度標簽旋轉的角度,在類目軸的類目標簽顯示不下的時候可以通過旋轉防止標簽之間重疊。旋轉的角度從-90度到90度?!魕Axis.axisLabel.margin=8number類型,用于設置刻度標簽與軸線之間的距離。◆yAxis.axisLabel.formatterstring或Function類型。用于設置刻度標簽的內容格式器,支持字符串模板和回調函數兩種形式。示例代碼://使用字符串模板,模板變量為刻度默認標簽{value}formatter:'{value}kg'//使用函數模板,函數參數分別為刻度數值(類目),刻度的索引formatter:function(value,index){returnvalue+'kg';}對于時間軸(type:'time'),formatter的字符串模板支持多種形式:①字符串模板:簡單快速實現常用日期時間模板,string類型。②回調函數:自定義formatter,可以用來實現復雜高級的格式,Function類型。③分級模板:為不同時間粒度的標簽使用不同的formatter,object類型。yAxis.axisLabel.showMinLabelboolean類型,用于設置是否顯示最小tick的label??扇≈祎rue,false,null。默認自動判定(即如果標簽重疊,不會顯示最小tick的label)?!魕Axis.axisLabel.showMaxLabelboolean類型,用于設置是否顯示最大tick的label??扇≈祎rue,false,null。默認自動判定(即如果標簽重疊,不會顯示最大tick的label)?!魕Axis.axisLabel.verticalAlignMinLabelstring類型,從v5.5.0開始支持,用于設置最小的坐標刻度標簽的對齊方式。如果設置為null,則和其他標簽一致。其取值可選項為:'top'、'middle'、'bottom'、null(default)?!魕Axis.axisLabel.verticalAlignMaxLabelstring類型,從v5.5.0開始支持,用于設置最大的坐標刻度標簽的對齊方式。如果設置為null,則和其他標簽一致。其取值可選項為:'top'、'middle'、'bottom'、null(default)?!魕Axis.axisLabel.hideOverlapboolean類型,從v5.2.0開始支持,用于設置是否隱藏重疊的標簽?!魕Axis.axisLabel.customValuesArray類型,用于設置從v5.5.1開始支持。用于設置自定義要顯示的標簽位置。例如:axisLabel:{customValues:[0,4,7,8,9]}◆yAxis.axisLabel.ColorColor或Function類型,用于設置刻度標簽文字的顏色,默認取axisLine.lineStyle.color。支持回調函數,格式如下(val:string)=>Color參數是標簽的文本,返回顏色值,示例代碼如下:textStyle:{color:function(value,index){returnvalue>=0?'green':'red';}}◆yAxis.axisLabel.fontStyle='normal'string類型,用于設置文字字體的風格。其取值可選項為:'normal'、'italic'、'oblique'?!魕Axis.axisLabel.fontWeight='normal'string或number類型,用于設置文字字體的粗細。其取值可選項為:'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆yAxis.axisLabel.fontFamily='sans-serif'string類型,用于設置文字的字體系列。還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆yAxis.axisLabel.fontSize=12number類型,用于設置文字的字體大小。◆yAxis.axisLabel.alignstring類型,用于設置文字水平對齊方式,默認自動。其取值可選項為:'left'、'center'、'right'。rich中如果沒有設置align,則會取父層級的align。例如:{align:right,rich:{a:{//沒有設置`align`,則`align`為right}}}◆yAxis.axisLabel.verticalAlignstring類型,用于設置文字垂直對齊方式,默認自動。其取值可選項為:'top''middle'、'bottom'。rich中如果沒有設置verticalAlign,則會取父層級的verticalAlign。例如:{verticalAlign:bottom,rich:{a:{//沒有設置`verticalAlign`,則`verticalAlign`為bottom}}}◆yAxis.axisLabel.lineHeightnumber類型,用于設置行高。rich中如果沒有設置lineHeight,則會取父層級的lineHeight。例如:{lineHeight:56,rich:{a:{//沒有設置`lineHeight`,則`lineHeight`為56}}}◆yAxis.axisLabel.backgroundColor='transparent'string或Object類型,用于設置文字塊背景色??梢允褂妙伾?,例如:'#123234','red','rgba(0,23,11,0.3)'。也可以直接使用圖片,例如:backgroundColor:{image:'xxx/xxx.png'//這里可以是圖片的URL,//或者圖片的dataURI,//或者HTMLImageElement對象,//或者HTMLCanvasElement對象。}當使用圖片的時候,可以使用width或height指定高寬,也可以不指定自適應?!魕Axis.axisLabel.borderColorColor類型,用于設置文字塊邊框顏色?!魕Axis.axisLabel.borderWidthnumber類型,用于設置文字塊邊框寬度?!魕Axis.axisLabel.borderType='solid'string或number或Array類型,用于設置文字塊邊框描邊類型。其取值可選項為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數組,用以指定線條的dasharray,配合borderDashOffset可實現更靈活的虛線效果。例如:{borderType:[5,10],borderDashOffset:5}◆yAxis.axisLabel.borderDashOffsetnumber類型,從v5.0.0開始支持。用于設置虛線的偏移量,可搭配borderType指定dasharray實現靈活的虛線效果?!魕Axis.axisLabel.borderRadiusnumber或Array類型,用于設置文字塊的圓角?!魕Axis.axisLabel.paddingnumber或Array類型,用于設置文字塊的內邊距。例如:padding:[3,4,5,6]:表示[上,右,下,左]的邊距。padding:4:表示padding:[4,4,4,4]。padding:[3,4]:表示padding:[3,4,3,4]。注意,文字塊的width和height指定的是內容高寬,不包含padding?!魕Axis.axisLabel.shadowColor='transparent'Color類型,用于設置文字塊的背景陰影顏色。yAxis.axisLabel.shadowBlurnumber類型,用于設置文字塊的背景陰影長度?!魕Axis.axisLabel.shadowOffsetXnumber類型,用于設置文字塊的背景陰影X偏移?!魕Axis.axisLabel.shadowOffsetYnumber類型,用于設置文字塊的背景陰影Y偏移。◆yAxis.axisLabel.widthnumber類型,用于設置文本顯示寬度。◆yAxis.axisLabel.heightnumber類型,用于設置文本顯示高度?!魕Axis.axisLabel.textBorderColorColor類型,用于設置文字本身的描邊顏色?!魕Axis.axisLabel.textBorderWidthnumber類型,用于設置文字本身的描邊寬度?!魕Axis.axisLabel.textBorderType='solid'string或number或Array類型,用于設置文字本身的描邊類型。其取值可選項為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數組,用以指定線條的dasharray,配合textBorderDashOffset可實現更靈活的虛線效果。例如:{textBorderType:[5,10],textBorderDashOffset:5}◆yAxis.axisLabel.textBorderDashOffsetnumber類型,從v5.0.0開始支持。用于設置虛線的偏移量,可搭配textBorderType指定dasharray實現靈活的虛線效果?!魕Axis.axisLabel.textShadowColor='transparent'Color類型,用于設置文字本身的陰影顏色?!魕Axis.axisLabel.textShadowBlurnumber類型,用于設置文字本身的陰影長度?!魕Axis.axisLabel.textShadowOffsetXnumber類型,用于設置文字本身的陰影X偏移?!魕Axis.axisLabel.textShadowOffsetYnumber類型,用于設置文字本身的陰影Y偏移?!魕Axis.axisLabel.overflow='none'string類型,用于設置文字超出寬度是否截斷或者換行,配置width時有效。①'truncate'截斷,并在末尾顯示ellipsis配置的文本,默認為…②'break'換行。③'breakAll'換行,跟'break'不同的是,在英語等拉丁文中,'breakAll'還會強制單詞內換行?!魕Axis.axisLabel.ellipsis='…'string類型,用于設置在overflow配置為'truncate'的時候,可以通過該屬性配置末尾顯示的文本?!魕Axis.axisLabel.richObject類型。在rich里面,可以自定義富文本樣式。利用富文本樣式,可以在標簽中做出非常豐富的效果。(30)yAxis.splitLineObject類型,用于設置坐標軸在grid區(qū)域中的分隔線?!魕Axis.splitLine.show=trueboolean類型,用于設置是否顯示分隔線。默認數值軸顯示,類目軸不顯示。◆yAxis.splitLine.interval='auto'number或Function類型,用于設置坐標軸分隔線的顯示間隔,在類目軸中有效。默認同axisLerval一樣。默認會采用標簽不重疊的策略間隔顯示標簽??梢栽O置成0強制顯示所有標簽。如果設置為1,表示『隔一個標簽顯示一個標簽』,如果值為2,表示隔兩個標簽顯示一個標簽,以此類推??梢杂脭抵当硎鹃g隔的數據,也可以通過回調函數控制。回調函數格式如下:(index:number,value:string)=>boolean第1個參數是類目的index,第2個值是類目名稱,如果跳過則返回false?!魕Axis.splitLine.lineStyleObject類型。(31)yAxis.minorSplitLineObject類型,從v4.6.0開始支持。用于設置坐標軸在grid區(qū)域中的次分隔線,次分割線會對齊次刻度線minorTick◆yAxis.minorSplitLine.showboolean類型,用于設置是否顯示次分隔線。默認不顯示?!魕Axis.minorSplitLine.lineStyleObject類型?!魕Axis.splitAreaObject坐標軸在grid區(qū)域中的分隔區(qū)域,默認不顯示?!魕Axis.splitArea.interval='auto'number或Function類型,用于設置坐標軸分隔區(qū)域的顯示間隔,在類目軸中有效。默認同axisLerval一樣。默認會采用標簽不重疊的策略間隔顯示標簽。可以設置成0強制顯示所有標簽。如果設置為1,表示『隔一個標簽顯示一個標簽』,如果值為2,表示隔兩個標簽顯示一個標簽,以此類推??梢杂脭抵当硎鹃g隔的數據,也可以通過回調函數控制。回調函數格式如下:(index:number,value:string)=>boolean第1個參數是類目的index,第2個值是類目名稱,如果跳過則返回false?!魕Axis.splitArea.showboolean類型,用于設置是否顯示分隔區(qū)域?!魕Axis.splitArea.areaStyleObject類型,用于分隔區(qū)域的樣式設置。(32)yAxis.dataArray類型,用于設置類目數據,在類目軸(type:'category')中有效。如果沒有設置type,但是設置了axis.data,則認為type是'category'。如果設置了type是'category',但沒有設置axis.data,則axis.data的內容會自動從series.data中獲取,這會比較方便。不過注意,axis.data指明的是'category'軸的取值范圍。如果不指定而是從series.data中獲取,那么只能獲取到series.data中出現的值。例如說,假如series.data為空時,就什么也獲取不到。示例代碼://所有類目名稱列表data:['周一','周二','周三','周四','周五','周六','周日']//每一項也可以是具體的配置項,此時取配置項中的`value`為類目名data:[{value:'周一',//突出周一textStyle:{fontSize:20,color:'red'}},'周二','周三','周四','周五','周六','周日'](33)yAxis.axisPointerObject類型,用于設置坐標軸指示器配置項。◆yAxis.axisPointer.showboolean類型,用于設置默認不顯示。但是如果tooltip.trigger設置為'axis'或者tooltip.axisPointer.type設置為'cross',則自動顯示axisPointer。坐標系會自動選擇顯示顯示哪個軸的axisPointer,也可以使用tooltip.axisPointer.axis改變這種選擇。◆yAxis.axisPointer.type='line'string類型,用于設置指示器類型。其取值可選項為:①'line'直線指示器。②'shadow'陰影指示器。③'none'無指示器?!魕Axis.axisPointer.snapboolean類型,用于設置坐標軸指示器是否自動吸附到點上。默認自動判斷。這個功能在數值軸和時間軸上比較有意義,可以自動尋找細小的數值點?!魕Axis.axisPointer.znumber類型,用于設置坐標軸指示器的z值??刂茍D形的前后順序。z值小的圖形會被z值大的圖形覆蓋。◆yAxis.axisPointer.labelObject類型,用于設置坐標軸指示器的文本標簽?!魕Ax
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年上半年小學美術教資面試試講真題(附答案)
- 2025年孝感事業(yè)單位真題
- 2026年江蘇信息職業(yè)技術學院高職單招職業(yè)適應性測試備考試題有答案解析
- 2026年山西林業(yè)職業(yè)技術學院高職單招職業(yè)適應性測試備考試題有答案解析
- 2025年武漢工程科技學院輔導員考試真題
- 2026年石家莊人民醫(yī)學高等??茖W校高職單招職業(yè)適應性考試備考題庫有答案解析
- 2026年浙江交通職業(yè)技術學院單招綜合素質筆試備考題庫帶答案解析
- 醫(yī)院餐廳委托經營協議書
- 未來五年智能硬件終端企業(yè)縣域市場拓展與下沉戰(zhàn)略分析研究報告
- 未來五年淡水養(yǎng)殖產品種苗企業(yè)縣域市場拓展與下沉戰(zhàn)略分析研究報告
- 2025年濟寧職業(yè)技術學院毛澤東思想和中國特色社會主義理論體系概論期末考試模擬題必考題
- m的認主協議書
- 2025年及未來5年市場數據中國機電安裝工程市場調查研究及行業(yè)投資潛力預測報告
- kv高壓線防護施工方案
- 住建局執(zhí)法證考試題庫及答案2025
- 主管護師聘任述職報告
- AI搜索時代:從GEO到AIBE的品牌新藍圖
- 產品知識培訓會議總結
- 專題11 圓(安徽專用)5年(2021-2025)中考1年模擬《數學》真題分類匯編
- 工程春節(jié)停復工方案(3篇)
- 【高等數學練習題】蘭州職業(yè)技術學院專升本自考真題匯總(附答案解析)
評論
0/150
提交評論