Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）標題組件的屬性及設置Web數(shù)據(jù)可視化教程（基于ECharts）（1）title.idstring類型，用于設置組件ID，默認不指定。指定則可用于在option或者API中引用組件。（2）title.show=trueboolean類型，用于設置是否顯示標題組件。（3）title.text=''string類型，用于設置主標題文本，支持使用\n換行。（4）title.link=''string類型，用于設置主標題文本超鏈接。（5）title.target='blank'string類型，用于指定窗口打開主標題超鏈接。取值可選項：①'self'當前窗口打開。②'blank'新窗口打開。（6）title.textStyleObject類型?！魌itle.textStyle.color='#333'Color類型，用于設置主標題文字的顏色?！魌itle.textStyle.fontStyle='normal'string類型，用于設置主標題文字字體的風格。取值可選項：'normal'、'italic'、'oblique'。◆title.textStyle.fontWeight='bolder'string或number類型，用于設置主標題文字字體的粗細。取值可選項：'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆title.textStyle.fontFamily='sans-serif'string類型，用于設置主標題文字的字體系列，還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆title.textStyle.fontSize=18number類型，用于設置主標題文字的字體大小?！魌itle.textStyle.lineHeightnumber類型，用于設置行高。rich中如果沒有設置lineHeight，則會取父層級的lineHeight。示例代碼：{lineHeight:56,rich:{a:{//沒有設置`lineHeight`，則`lineHeight`為56}}}◆title.textStyle.widthnumber類型，用于設置文本顯示寬度?！魌itle.textStyle.heightnumber類型，用于設置文本顯示高度。◆title.textStyle.textBorderColorColor類型，用于設置文字本身的描邊顏色。◆title.textStyle.textBorderWidthnumber類型，用于設置文字本身的描邊寬度?！魌itle.textStyle.textBorderType='solid'string或number或Array類型，用于設置文字本身的描邊類型。取值可選項：'solid'、'dashed'、'dotted'。自v5.0.0開始，也可以是number類型或者number數(shù)組，用以指定線條的dasharray，配合textBorderDashOffset可實現(xiàn)更靈活的虛線效果。示例代碼：{textBorderType:[5,10],textBorderDashOffset:5}◆title.textStyle.textBorderDashOffsetnumber類型，從v5.0.0開始支持，用于設置虛線的偏移量，可搭配textBorderType指定dasharray實現(xiàn)靈活的虛線效果?！魌itle.textStyle.textShadowColor='transparent'Color類型，用于設置文字本身的陰影顏色?！魌itle.textStyle.textShadowBlurnumber類型，用于設置文字本身的陰影長度。◆title.textStyle.textShadowOffsetXnumber類型，用于設置文字本身的陰影X偏移?！魌itle.textStyle.textShadowOffsetYnumber類型，用于設置文字本身的陰影Y偏移?！魌itle.textStyle.overflow='none'string類型，用于設置文字超出寬度是否截斷或者換行，配置width時有效其取值可選項：①'truncate'截斷，并在末尾顯示ellipsis配置的文本，默認為…②'break'換行。③'breakAll'換行，跟'break'不同的是，在英語等拉丁文中，'breakAll'還會強制單詞內(nèi)換行?！魌itle.textStyle.ellipsis='…'string類型，在overflow配置為'truncate'的時候，可以通過該屬性配置末尾顯示的文本?！魌itle.textStyle.richObject在rich里面，可以自定義富文本樣式。利用富文本樣式，可以在標簽中做出非常豐富的效果。（7）title.subtext=''string類型，用于設置副標題文本，支持使用\n換行。（8）title.sublink=''string類型，用于設置副標題文本超鏈接。（9）title.subtarget='blank'string類型，用于設置指定窗口打開副標題的超鏈接，其取值可選項：①'self'當前窗口打開②'blank'新窗口打開（10）title.subtextStyleObject類型◆title.subtextStyle.color='#aaa'Color類型，用于設置副標題文字的顏色?！魌itle.subtextStyle.fontStyle='normal'string類型，用于設置副標題文字字體的風格。其取值可選項：'normal'、'italic'、'oblique'?！魌itle.subtextStyle.fontWeight='normal'string或number，用于設置副標題文字字體的粗細。其取值可選項：'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆title.subtextStyle.fontFamily='sans-serif'string類型，用于設置副標題文字的字體系列。還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'?！魌itle.subtextStyle.fontSize=12number類型，用于設置副標題文字的字體大小?！魌itle.subtextStyle.alignstring類型，用于設置文字水平對齊方式，默認為自動。其取值可選項：'left'、'center'、'right'，rich中如果沒有設置align，則會取父層級的align。示例代碼：{align:right,rich:{a:{//沒有設置`align`，則`align`為right}}}◆title.subtextStyle.verticalAlignstring類型，用于設置文字垂直對齊方式，默認為自動。其取值可選項：'top'、'middle'、'bottom'，rich中如果沒有設置verticalAlign，則會取父層級的verticalAlign。示例代碼：{verticalAlign:bottom,rich:{a:{//沒有設置`verticalAlign`，則`verticalAlign`為bottom}}}◆title.subtextStyle.lineHeightnumber類型，用于設置行高。rich中如果沒有設置lineHeight，則會取父層級的lineHeight。示例代碼：{lineHeight:56,rich:{a:{//沒有設置`lineHeight`，則`lineHeight`為56}}}◆title.subtextStyle.widthnumber類型，用于設置文本顯示寬度?！魌itle.subtextStyle.heightnumber類型，用于設置文本顯示高度。◆title.subtextStyle.textBorderColorColor類型，用于設置文字本身的描邊顏色?！魌itle.subtextStyle.textBorderWidthnumber類型，用于設置文字本身的描邊寬度。◆title.subtextStyle.textBorderType='solid'string或number或Array，用于設置文字本身的描邊類型。其取值可選項：'solid'、'dashed'、'dotted'。自v5.0.0開始，也可以是number類型或者number數(shù)組，用以指定線條的dasharray，配合textBorderDashOffset可實現(xiàn)更靈活的虛線效果。例如：{textBorderType:[5,10],textBorderDashOffset:5}◆title.subtextStyle.textBorderDashOffsetnumber類型，從v5.0.0開始支持，用于設置虛線的偏移量，可搭配textBorderType指定dasharray實現(xiàn)靈活的虛線效果。◆title.subtextStyle.textShadowColor='transparent'Color類型，用于設置文字本身的陰影顏色?！魌itle.subtextStyle.textShadowBlurnumber類型，用于設置文字本身的陰影長度?！魌itle.subtextStyle.textShadowOffsetXnumber類型，用于設置文字本身的陰影X偏移?！魌itle.subtextStyle.textShadowOffsetYnumber類型，用于設置文字本身的陰影Y偏移。◆title.subtextStyle.overflow='none'string類型，用于設置文字超出寬度是否截斷或者換行，配置width時有效。取值可選項：①'truncate'截斷，并在末尾顯示ellipsis配置的文本，默認為…②'break'換行。③'breakAll'換行，跟'break'不同的是，在英語等拉丁文中，'breakAll'還會強制單詞內(nèi)換行?！魌itle.subtextStyle.ellipsis='…'string類型，在overflow配置為'truncate'的時候，可以通過該屬性配置末尾顯示的文本?！魌itle.subtextStyle.richObject類型，在rich里面，可以自定義富文本樣式。利用富文本樣式，可以在標簽中做出非常豐富的效果。（11）title.textAlign='auto'string類型，用于設置整體（包括text和subtext）的水平對齊，其取值可選項：'auto'、'left'、'right'、'center'。（12）title.textVerticalAlign='auto'string類型，用于設置整體（包括text和subtext）的垂直對齊，其取值可選項：'auto'、'top'、'bottom'、'middle'。（13）title.triggerEventboolean類型，用于設置是否觸發(fā)事件。（14）title.padding=5number或Array類型，用于設置標題內(nèi)邊距，單位為px，默認各方向內(nèi)邊距為5px，接受數(shù)組分別設定上、右、下、左邊距。示例代碼：//設置內(nèi)邊距為5padding:5//設置上下的內(nèi)邊距為5，左右的內(nèi)邊距為10padding:[5,10]//分別設置四個方向的內(nèi)邊距padding:[5,//上10,//右5,//下10,//左]（15）title.itemGap=10number類型，用于設置主副標題之間的間距。（16）title.zlevelnumber類型，用于設置所有圖形的zlevel值。zlevel用于Canvas分層，不同zlevel值的圖形會放置在不同的Canvas中，Canvas分層是一種常見的優(yōu)化手段?？梢园岩恍﹫D形變化頻繁（例如有動畫）的組件設置成一個單獨的zlevel。需要注意的是過多的Canvas會引起內(nèi)存開銷的增大，在手機端上需要謹慎使用以防崩潰。zlevel大的Canvas會放在zlevel小的Canvas的上面。（17）title.z=2number類型，用于設置組件的所有圖形的z值?？刂茍D形的前后順序，z值小的圖形會被z值大的圖形覆蓋。z相比zlevel優(yōu)先級更低，而且不會創(chuàng)建新的Canvas。（18）title.left='auto'string或number類型，用于設置title組件離容器左側的距離。left的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，也可以是'left','center','right'。如果left的值為'left','center','right'，組件會根據(jù)相應的位置自動對齊。（19）title.top='auto'string或number類型，用于設置title組件離容器上側的距離。top的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，也可以是'top','middle','bottom'。如果top的值為'top','middle','bottom'，組件會根據(jù)相應的位置自動對齊。（20）title.right='auto'string或number類型，用于設置title組件離容器右側的距離。right的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，默認為自適應。（21）title.bottom='auto'string或number類型，用于設置title組件離容器下側的距離。bottom的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，默認為自適應。（22）title.backgroundColor='transparent'Color類型，用于設置標題背景色，默認為透明。顏色可以使用RGB表示，例如'rgb(128,128,128)'，如果想要加上alpha通道，可以使用RGBA，比如'rgba(128,128,128,0.5)'，也可以使用十六進制格式，例如'#ccc'。（23）title.borderColor='#ccc'Color類型，用于設置標題的邊框顏色。支持的顏色格式同backgroundColor。（24）title.borderWidthnumber類型，用于設置標題的邊框線寬。（25）title.borderRadiusnumber或Array類型，用于設置圓角半徑，單位為px，支持傳入數(shù)組分別指定4個圓角半徑。例如：borderRadius:5,//統(tǒng)一設置四個角的圓角大小borderRadius:[5,5,0,0]//（順時針左上，右上，右下，左下）（26）title.shadowBlurnumber類型，用于設置圖形陰影的模糊大小。該屬性配合shadowColor、shadowOffsetX、shadowOffsetY一起設置圖形的陰影效果。示例代碼：{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}注意：此配置項生效的前提是，設置了show:true以及值不為transparent的背景色backgroundColor。（27）title.shadowColorColor類型，用于設置陰影顏色，支持的格式同color。注意：此配置項生效的前提是，設置了show:true。（28）title.shadowOffsetXnumber類型，用于設置陰影水平方向上的偏移距離。注意：此配置項生效的前提是，設置了show:true。（29）title.shadowOffsetYnumber類型，用于設置陰影垂直方向上的偏移距離。注意：此配置項生效的前提是，設置了show:true。Web數(shù)據(jù)可視化教程（基于ECharts）圖例組件的屬性及設置Web數(shù)據(jù)可視化教程（基于ECharts）（1）legend.typestring類型，用于設置圖例的類型，其取值可選項：①'plain'：普通圖例，缺省為普通圖例。②'scroll'：可滾動翻頁的圖例，當圖例數(shù)量較多時可以使用。（2）legend.idstring類型，用于設置組件ID，默認不指定。指定則可用于在option或者API中引用組件。（3）legend.show=trueboolean類型。（4）legend.zlevelnumber類型，用于設置所有圖形的zlevel值。zlevel用于Canvas分層，不同zlevel值的圖形會放置在不同的Canvas中，Canvas分層是一種常見的優(yōu)化手段?？梢园岩恍﹫D形變化頻繁（例如有動畫）的組件設置成一個單獨的zlevel。需要注意的是過多的Canvas會引起內(nèi)存開銷的增大，在手機端上需要謹慎使用以防崩潰。zlevel大的Canvas會放在zlevel小的Canvas的上面。（5）legend.z=2number類型，用于設置組件的所有圖形的z值。控制圖形的前后順序，z值小的圖形會被z值大的圖形覆蓋。z相比zlevel優(yōu)先級更低，而且不會創(chuàng)建新的Canvas。（6）legend.left='auto'string或number類型，用于設置圖例組件離容器左側的距離。left的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，也可以是'left','center','right'。如果left的值為'left','center','right'，組件會根據(jù)相應的位置自動對齊。（7）legend.top='auto'string或number類型，用于設置圖例組件離容器上側的距離。top的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，也可以是'top','middle','bottom'。如果top的值為'top','middle','bottom'，組件會根據(jù)相應的位置自動對齊。（8）legend.right='auto'string或number類型，用于設置圖例組件離容器右側的距離。right的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比。默認為自適應。（9）legend.bottom='auto'string或number類型，用于設置圖例組件離容器下側的距離。bottom的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比。默認為自適應。（10）legend.width='auto'string或number類型，用于設置圖例組件的寬度，默認為自適應。（11）legend.height='auto'string或number類型，用于設置圖例組件的高度。默認為自適應。（12）legend.orient='horizontal'string類型，用于設置圖例列表的布局朝向。其取值可選項：'horizontal'、'vertical'。（13）legend.align='auto'string類型，用于設置圖例標記和文本的對齊。默認為自動，即根據(jù)組件的位置和orient決定，當組件的left值為'right'以及縱向布局（orient為'vertical'）的時候為右對齊，即為'right'。其取值可選項：'auto'、'left'、'right'。（14）legend.padding=5number或Array類型，用于設置圖例內(nèi)邊距，單位為px，默認各方向內(nèi)邊距為5px，接受數(shù)組分別設定上右下左邊距。使用示例：//設置內(nèi)邊距為5padding:5//設置上下的內(nèi)邊距為5，左右的內(nèi)邊距為10padding:[5,10]//分別設置四個方向的內(nèi)邊距padding:[5,//上10,//右5,//下10,//左]（15）legend.itemGap=10number類型，用于設置圖例每項之間的間隔。橫向布局時為水平間隔，縱向布局時為縱向間隔。（16）legend.itemWidth=25number類型，用于設置圖例標記的圖形寬度。（17）legend.itemHeight=14number類型，用于設置圖例標記的圖形高度。（18）legend.itemStyleObject類型，用于設置圖例的圖形樣式。其屬性的取值為'inherit'時，表示繼承系列中的屬性值?！鬺egend.itemStyle.color=inheritColor類型，用于設置圖形的顏色。支持使用rgb(255,255,255)、rgba(255,255,255,1)、#fff等方式設置為純色，也支持設置為漸變色和紋理填充?！鬺egend.itemStyle.borderColor=inheritColor類型，圖形的描邊顏色。支持的顏色格式同color，不支持回調函數(shù)。◆legend.itemStyle.borderWidth=autonumber類型，當其值為"auto"時，如果系列有borderWidth取2，如果系列沒有borderWidth則取0。當其值為"inherit"時，始終取系列的borderWidth?！鬺egend.itemStyle.borderType=inheritstring或number或Array類型，用于設置描邊類型。其取值可選項：'solid'、'dashed'、'dotted'。自v5.0.0開始，也可以是number類型或者number數(shù)組，用以指定線條的dasharray，配合borderDashOffset可實現(xiàn)更靈活的虛線效果。例如：{borderType:[5,10],borderDashOffset:5}◆legend.itemStyle.borderDashOffset=inheritnumber類型，從v5.0.0開始支持，用于設置虛線的偏移量，可搭配borderType指定dasharray實現(xiàn)靈活的虛線效果?！鬺egend.itemStyle.borderCap=inheritstring類型，從v5.0.0開始支持，用于指定線段末端的繪制方式，其取值可以是：①'butt':線段末端以方形結束。②'round':線段末端以圓形結束。③'square':線段末端以方形結束，但是增加了一個寬度和線段相同，高度是線段厚度一半的矩形區(qū)域。默認值為'butt'?！鬺egend.itemStyle.borderJoin=inheritstring類型，從v5.0.0開始支持。用于設置2個長度不為0的相連部分（線段，圓弧，曲線）如何連接在一起的屬性（長度為0的變形部分，其指定的末端和控制點在同一位置，會被忽略）。其取值可以是：①'bevel'：在相連部分的末端填充一個額外的以三角形為底的區(qū)域，每個部分都有各自獨立的矩形拐角。②'round'：通過填充一個額外的，圓心在相連部分末端的扇形，繪制拐角的形狀。圓角的半徑是線段的寬度。③'miter'：通過延伸相連部分的外邊緣，使其相交于一點，形成一個額外的菱形區(qū)域。這個設置可以通過borderMiterLimit屬性看到效果。默認值為'bevel'?！鬺egend.itemStyle.borderMiterLimit=inheritnumber類型，從v5.0.0開始支持。用于設置斜接面限制比例，只有當borderJoin為miter時，borderMiterLimit才有效。默認值為10，負數(shù)、0、Infinity和NaN均會被忽略?！鬺egend.itemStyle.shadowBlurnumber類型，用于設置圖形陰影的模糊大小，該屬性配合shadowColor、shadowOffsetX、shadowOffsetY一起設置圖形的陰影效果。示例代碼：{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}◆legend.itemStyle.shadowColorColor類型，用于設置陰影顏色，支持的格式同color?！鬺egend.itemStyle.shadowOffsetXnumber類型，用于設置陰影水平方向上的偏移距離。◆legend.itemStyle.shadowOffsetYnumber類型，用于設置陰影垂直方向上的偏移距離?！鬺egend.itemStyle.opacity=inheritnumber類型，用于設置圖形透明度，支持從0到1的數(shù)字，為0時不繪制該圖形?！鬺egend.itemStyle.decal=inheritObject用于設置圖形的貼花圖案，在aria.enabled與aria.decal.show都是true的情況下才生效。如果為'none'表示不使用貼花圖案。（19）legend.lineStyleObject類型，用于設置圖例圖形中線的樣式，諸如折線圖圖例橫線的樣式設置。其屬性的取值為'inherit'時，表示繼承系列中的屬性值?！鬺egend.lineStyle.color=inheritColor類型，用于設置線的顏色。支持使用rgb(255,255,255)，rgba(255,255,255,1)，#fff等方式設置為純色，也支持設置為漸變色和紋理填充。◆legend.lineStyle.width=autonumber類型，用于設置線寬?！鬺egend.lineStyle.type=inheritstring或number或Array類型，用于設置線的類型。其取值可選項：'solid'、'dashed'、'dotted'。自v5.0.0開始，也可以是number或者number數(shù)組，用以指定線條的dasharray，配合dashOffset可實現(xiàn)更靈活的虛線效果。例如：{type:[5,10],dashOffset:5}◆legend.lineStyle.dashOffset=inheritnumber類型，從v5.0.0開始支持。用于設置虛線的偏移量，可搭配type指定dasharray實現(xiàn)靈活的虛線效果?！鬺egend.lineStyle.cap=inheritstring類型，從v5.0.0開始支持。用于指定線段末端的繪制方式，其取值可以是：①'butt'：線段末端以方形結束。②'round'：線段末端以圓形結束。③'square'：線段末端以方形結束，但是增加了一個寬度和線段相同，高度是線段厚度一半的矩形區(qū)域。默認值為'butt'?！鬺egend.lineStyle.join=inheritstring類型，從v5.0.0開始支持。用于設置2個長度不為0的相連部分（線段，圓弧，曲線）如何連接在一起的屬性（長度為0的變形部分，其指定的末端和控制點在同一位置，會被忽略）。其取值可以是：①'bevel'：在相連部分的末端填充一個額外的以三角形為底的區(qū)域，每個部分都有各自獨立的矩形拐角。②'round'：通過填充一個額外的，圓心在相連部分末端的扇形，繪制拐角的形狀。圓角的半徑是線段的寬度。③'miter'：通過延伸相連部分的外邊緣，使其相交于一點，形成一個額外的菱形區(qū)域。這個設置可以通過miterLimit屬性看到效果。默認值為'bevel'?！鬺egend.lineStyle.miterLimit=inheritnumber類型，從v5.0.0開始支持。用于設置斜接面限制比例，只有當join為miter時，miterLimit才有效。默認值為10。負數(shù)、0、Infinity和NaN均會被忽略?！鬺egend.lineStyle.shadowBlur=inheritnumber類型，用于設置圖形陰影的模糊大小，該屬性配合shadowColor,shadowOffsetX、shadowOffsetY一起設置圖形的陰影效果。示例代碼：{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}◆legend.lineStyle.shadowColorColor類型，用于設置陰影顏色，支持的格式同color?！鬺egend.lineStyle.shadowOffsetXnumber類型，用于設置陰影水平方向上的偏移距離?！鬺egend.lineStyle.shadowOffsetYnumber類型，用于設置陰影垂直方向上的偏移距離?！鬺egend.lineStyle.opacity=inheritnumber類型，用于設置圖形透明度，支持從0到1的數(shù)字，為0時不繪制該圖形?！鬺egend.lineStyle.inactiveColor='#ccc'Color類型，用于設置圖例關閉時的線條描邊顏色?！鬺egend.lineStyle.inactiveWidth=2number類型，用于設置圖例關閉時的線條寬度。（20）legend.symbolRotate='inherit'number或string類型。用于設置圖形旋轉角度，類型為number|'inherit'。如果為'inherit'，表示取系列的symbolRotate。（21）legend.formatterstring或Function類型，用來格式化圖例文本，支持字符串模板和回調函數(shù)兩種形式。示例代碼：//使用字符串模板，模板變量為圖例名稱{name}formatter:'Legend{name}'//使用回調函數(shù)formatter:function(name){return'Legend'+name;}（22）legend.selectedMode=truestring或boolean類型，用于設置圖例選擇的模式，控制是否可以通過單擊圖例改變系列的顯示狀態(tài)。默認開啟圖例選擇，可以設成false關閉。除此之外也可以設成'single'或者'multiple'，即使用單選或者多選模式。（23）legend.inactiveColor='#ccc'Color類型，用于設置圖例關閉時的顏色。（24）legend.inactiveBorderColor='#ccc'Color類型，用于設置圖例關閉時的描邊顏色。legend.inactiveBorderWidth='auto'number或string類型，用于設置圖例關閉時的描邊粗細。如果為'auto'表示：如果系列存在描邊，則取2，如果系列不存在描邊，則取0。如果為'inherit'表示：始終取系列的描邊粗細。（25）legend.selectedObject類型，用于設置圖例選中狀態(tài)表。示例代碼：selected:{//選中'系列1''系列1':true,//不選中'系列2''系列2':false}（26）legend.textStyleObject類型，用于設置圖例的公用文本樣式?！鬺egend.textStyle.color=#333Color類型，用于設置文字的顏色?！鬺egend.textStyle.fontStyle='normal'string類型，用于設置文字字體的風格。其取值可選項：'normal'、'italic'、'oblique'?！鬺egend.textStyle.fontWeight='normal'string或number類型，用于設置文字字體的粗細。其取值可選項：'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆legend.textStyle.fontFamily='sans-serif'string類型，用于設置文字的字體系列，還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆legend.textStyle.fontSize=12number類型，用于設置文字的字體大小。◆legend.textStyle.lineHeightnumber類型，用于設置行高。rich中如果沒有設置lineHeight，則會取父層級的lineHeight。例如：{lineHeight:56,rich:{a:{//沒有設置`lineHeight`，則`lineHeight`為56}}}◆legend.textStyle.backgroundColor='transparent'string或Object類型，用于設置文字塊背景色。可以使用顏色值，例如：'#123234','red','rgba(0,23,11,0.3)'。也可以直接使用圖片，例如：backgroundColor:{image:'xxx/xxx.png'//這里可以是圖片的URL，//或者圖片的dataURI，//或者HTMLImageElement對象，//或者HTMLCanvasElement對象。}當使用圖片的時候，可以使用width或height指定高寬，也可以不指定自適應?！鬺egend.textStyle.borderColorColor類型，用于設置文字塊邊框顏色?！鬺egend.textStyle.borderWidthnumber類型，用于設置文字塊邊框寬度?！鬺egend.textStyle.borderType='solid'string或number或Array類型，用于設置文字塊邊框描邊類型。其取值可選項：'solid'、'dashed'、'dotted'。自v5.0.0開始，也可以是number類型或者number數(shù)組，用以指定線條的dasharray，配合borderDashOffset可實現(xiàn)更靈活的虛線效果。例如：{borderType:[5,10],borderDashOffset:5}◆legend.textStyle.borderDashOffsetnumber類型，從v5.0.0開始支持。用于設置虛線的偏移量，可搭配borderType指定dasharray實現(xiàn)靈活的虛線效果?！鬺egend.textStyle.borderRadiusnumberArray類型，用于設置文字塊的圓角?！鬺egend.textStyle.paddingnumber或Array類型，用于設置文字塊的內(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?！鬺egend.textStyle.shadowColor='transparent'Color類型，用于設置文字塊的背景陰影顏色?！鬺egend.textStyle.shadowBlurnumber類型，用于設置文字塊的背景陰影長度?！鬺egend.textStyle.shadowOffsetXnumber類型，用于設置文字塊的背景陰影X偏移?！鬺egend.textStyle.shadowOffsetYnumber類型，用于設置文字塊的背景陰影Y偏移?！鬺egend.textStyle.widthnumber類型，用于設置文本顯示寬度。◆legend.textStyle.heightnumber類型，用于設置文本顯示高度?！鬺egend.textStyle.textBorderColorColor類型，用于設置文字本身的描邊顏色?！鬺egend.textStyle.textBorderWidthnumber類型，用于設置文字本身的描邊寬度。◆legend.textStyle.textBorderType='solid'string或number或Array類型，用于設置文字本身的描邊類型。其取值可選項：'solid'、'dashed'、'dotted'。自v5.0.0開始，也可以是number類型或者number數(shù)組，用以指定線條的dasharray，配合textBorderDashOffset可實現(xiàn)更靈活的虛線效果。例如：{textBorderType:[5,10],textBorderDashOffset:5}◆legend.textStyle.textBorderDashOffsetnumber類型，從v5.0.0開始支持。用于設置虛線的偏移量，可搭配textBorderType指定dasharray實現(xiàn)靈活的虛線效果。◆legend.textStyle.textShadowColor='transparent'Color類型，用于設置文字本身的陰影顏色?！鬺egend.textStyle.textShadowBlurnumber類型，用于設置文字本身的陰影長度?！鬺egend.textStyle.textShadowOffsetXnumber類型，用于設置文字本身的陰影X偏移?！鬺egend.textStyle.textShadowOffsetYnumber類型，用于設置文字本身的陰影Y偏移?！鬺egend.textStyle.overflow='none'string類型，用于設置文字超出寬度是否截斷或者換行，配置width時有效。其取值可選項：①'truncate'截斷，并在末尾顯示ellipsis配置的文本，默認為…②'break'換行。③'breakAll'換行，跟'break'不同的是，在英語等拉丁文中，'breakAll'還會強制單詞內(nèi)換行。◆legend.textStyle.ellipsis='…'string類型，在overflow配置為'truncate'的時候，可以通過該屬性配置末尾顯示的文本?！鬺egend.textStyle.richObject在rich里面，可以自定義富文本樣式。利用富文本樣式，可以在標簽中做出非常豐富的效果。（27）legend.tooltipObject類型，用于設置圖例的tooltip配置，配置項同tooltip。默認不顯示，可以在legend文字很多的時候對文字做裁剪并且開啟tooltip，示例如下：legend:{formatter:function(name){returnecharts.format.truncateText(name,40,'14pxMicrosoftYahei','…');},tooltip:{show:true}}（28）legend.iconstring類型，用于設置圖例項的icon。ECharts提供的標記類型包括：'circle'、'rect'、'roundRect'、'triangle'、'diamond'、'pin'、'arrow'、'none'?？梢酝ㄟ^'image://url'設置為圖片，其中URL為圖片的鏈接，或者dataURI。URL為圖片鏈接示例：'image://http://example.website/a/b.png'URL為dataURI例如：'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'可以通過'path://'將圖標設置為任意的矢量路徑。這種方式相比于使用圖片的方式，不用擔心因為縮放而產(chǎn)生鋸齒或模糊，而且可以設置為任意顏色。路徑圖形會自適應調整為合適的大小。矢量路徑可以從AdobeIllustrator等工具編輯導出。例如：'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2zM30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5zM36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8zM27.8,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z'（29）legend.dataArray類型，用于設置圖例的數(shù)據(jù)數(shù)組。數(shù)組項通常為一個字符串，每一項代表一個系列的name（如果是餅圖，也可以是餅圖單個數(shù)據(jù)的name）。圖例組件會自動根據(jù)對應系列的圖形標記（symbol）來繪制自己的顏色和標記，特殊字符串''（空字符串）或者'\n'（換行字符串）用于圖例的換行。如果data沒有被指定，會自動從當前系列中獲取。多數(shù)系列會取自或者series.encode的seriesName所指定的維度。如餅圖、漏斗圖等會取自series.data中的name。如果要設置單獨一項的樣式，也可以把該項寫成配置項對象。此時必須使用name屬性對應表示系列的name。示例代碼：data:[{name:'系列1',//強制設置圖形為圓。icon:'circle',//設置文本為紅色textStyle:{color:'red'}}]（30）legend.backgroundColor='transparent'Color類型，用于設置圖例背景色，默認為透明。顏色可以使用RGB表示，例如'rgb(128,128,128)'，如果想要加上alpha通道，可以使用RGBA，比如'rgba(128,128,128,0.5)'，也可以使用十六進制格式，例如'#ccc'。（31）legend.borderColor='#ccc'Color類型，用于設置圖例的邊框顏色，支持的顏色格式同backgroundColor。（32）legend.borderWidth=1number類型，用于設置圖例的邊框線寬。（33）legend.borderRadiusnumber或Array類型，用于設置圓角半徑，單位為px，支持傳入數(shù)組分別指定4個圓角半徑。例如：①borderRadius:5,//統(tǒng)一設置四個角的圓角大?、赽orderRadius:[5,5,0,0]//（順時針左上，右上，右下，左下）（34）legend.shadowBlurnumber類型，用于設置圖形陰影的模糊大小，該屬性配合shadowColor,shadowOffsetX,shadowOffsetY一起設置圖形的陰影效果。示例代碼：{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}注意：此配置項生效的前提是，設置了show:true以及值不為transparent的背景色backgroundColor。（35）legend.shadowColorColor類型，用于設置陰影顏色，支持的格式同color。注意：此配置項生效的前提是，設置了show:true。（36）legend.shadowOffsetXnumber類型，用于設置陰影水平方向上的偏移距離。注意：此配置項生效的前提是，設置了show:true。（37）legend.shadowOffsetYnumber類型，用于設置陰影垂直方向上的偏移距離。注意：此配置項生效的前提是，設置了show:true。（38）legend.scrollDataIndexnumber類型，legend.type為'scroll'時有效。圖例當前最左上顯示項的dataIndex。setOption時指定此項的話，可決定當前圖例滾動到哪里。但是，如果僅僅想改變圖例翻頁，一般并不調用setOption，僅僅使用actionlegendScroll即可。（39）legend.pageButtonItemGap=5number類型，legend.type為'scroll'時有效。在圖例控制塊中，用于設置按鈕和頁信息之間的間隔。（40）legend.pageButtonGapnumber類型，legend.type為'scroll'時有效。用于設置圖例控制塊和圖例項之間的間隔。（41）legend.pageButtonPosition='end'string類型，legend.type為'scroll'時有效。用于設置圖例控制塊的位置。可選值為：①'start'：控制塊在左或上。②'end'：控制塊在右或下。（42）legend.pageFormatter='{current}/{total}'string或Function類型，legend.type為'scroll'時有效。圖例控制塊中，用于設置頁信息的顯示格式。默認為'{current}/{total}'，其中{current}是當前頁號（從1開始計數(shù)），{total}是總頁數(shù)。如果pageFormatter使用函數(shù)，須返回字符串，參數(shù)為：{current:numbertotal:number}（43）legend.pageIconsObject類型，legend.type為'scroll'時有效。用于設置圖例控制塊的圖標?！鬺egend.pageIcons.horizontalArray類型，用于設置legend.orient為'horizontal'時的翻頁按鈕圖標。是一個數(shù)組，表示[previouspagebutton,nextpagebutton]。默認值為['M0,0L12,-10L12,10z','M0,0L-12,-10L-12,10z']，。數(shù)組中每項，可以通過'image://url'設置為圖片，其中URL為圖片的鏈接，或者dataURI。URL為圖片鏈接，例如：'image://http://example.website/a/b.png'URL為dataURI例如：'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'可以通過'path://'將圖標設置為任意的矢量路徑。這種方式相比于使用圖片的方式，不用擔心因為縮放而產(chǎn)生鋸齒或模糊，而且可以設置為任意顏色。路徑圖形會自適應調整為合適的大小。矢量路徑可以從AdobeIllustrator等工具編輯導出。例如：'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5zM36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8zM27.8,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z'◆legend.pageIcons.verticalArray類型，用于設置legend.orient為'vertical'時的翻頁按鈕圖標。是一個數(shù)組，表示[previouspagebutton,nextpagebutton]。默認值為['M0,0L20,0L10,-20z','M0,0L20,0L10,20z']，。數(shù)組中每項，可以通過'image://url'設置為圖片，其中URL為圖片的鏈接，或者dataURI。URL為圖片鏈接，例如：'image://http://example.website/a/b.png'URL為dataURI例如：'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'可以通過'path://'將圖標設置為任意的矢量路徑。這種方式相比于使用圖片的方式，不用擔心因為縮放而產(chǎn)生鋸齒或模糊，而且可以設置為任意顏色。路徑圖形會自適應調整為合適的大小。矢量路徑可以從AdobeIllustrator等工具編輯導出。例如：'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2zM30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5zM36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8zM27.8,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z'（44）legend.pageIconColor='#2f4554'string類型，legend.type為'scroll'時有效。用于設置翻頁按鈕的顏色。（45）legend.pageIconInactiveColor='#aaa'string類型，legend.type為'scroll'時有效。用于設置翻頁按鈕不激活時（即翻頁到頭時）的顏色。（46）legend.pageIconSize=15number或Array類型，legend.type為'scroll'時有效。用于設置翻頁按鈕的大小?？梢允菙?shù)字，也可以是數(shù)組，如[10,3]，表示[寬，高]。（47）legend.pageTextStyleObject類型，legend.type為'scroll'時有效。用于設置圖例頁信息的文字樣式?！鬺egend.pageTextStyle.color=#333Color類型，用于設置文字的顏色?！鬺egend.pageTextStyle.fontStyle='normal'string類型，用于設置文字字體的風格。其取值可選項：'normal'、'italic'、'oblique'?！鬺egend.pageTextStyle.fontWeight='normal'string或number類型，用于設置文字字體的粗細。其取值可選項：'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆legend.pageTextStyle.fontFamily='sans-serif'string類型，用于設置文字的字體系列，還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆legend.pageTextStyle.fontSize=12number類型，用于設置文字的字體大小。◆legend.pageTextStyle.lineHeightnumber類型，用于設置行高。rich中如果沒有設置lineHeight，則會取父層級的lineHeight。例如：{lineHeight:56,rich:{a:{//沒有設置`lineHeight`，則`lineHeight`為56}}}◆legend.pageTextStyle.widthnumber類型，用于設置文本顯示寬度?！鬺egend.pageTextStyle.heightnumber類型，用于設置文本顯示高度?！鬺egend.pageTextStyle.textBorderColorColor類型，用于設置文字本身的描邊顏色?！鬺egend.pageTextStyle.textBorderWidthnumber類型，用于設置文字本身的描邊寬度?！鬺egend.pageTextStyle.textBorderType='solid'string或number或Array類型，用于設置文字本身的描邊類型。其取值可選項：'solid'、'dashed'、'dotted'，自v5.0.0開始，也可以是number類型或者number數(shù)組，用以指定線條的dasharray，配合textBorderDashOffset可實現(xiàn)更靈活的虛線效果。例如：{textBorderType:[5,10],textBorderDashOffset:5}◆legend.pageTextStyle.textBorderDashOffsetnumber類型，從v5.0.0開始支持。用于設置虛線的偏移量，可搭配textBorderType指定dasharray實現(xiàn)靈活的虛線效果?！鬺egend.pageTextStyle.textShadowColor='transparent'Color類型，用于設置文字本身的陰影顏色?！鬺egend.pageTextStyle.textShadowBlurnumber類型，用于設置文字本身的陰影長度。◆legend.pageTextStyle.textShadowOffsetXnumber類型，用于設置文字本身的陰影X偏移?！鬺egend.pageTextStyle.textShadowOffsetYnumber類型，用于設置文字本身的陰影Y偏移?！鬺egend.pageTextStyle.overflow='none'string類型，用于設置文字超出寬度是否截斷或者換行，需配置width時有效。其取值可選項：①'truncate'截斷，并在末尾顯示ellipsis配置的文本，默認為…②'break'換行。③'breakAll'換行，跟'break'不同的是，在英語等拉丁文中，'breakAll'還會強制單詞內(nèi)換行?！鬺egend.pageTextStyle.ellipsis='…'string類型，在overflow配置為'truncate'的時候，可以通過該屬性配置末尾顯示的文本。（48）legend.animationboolean類型，用于設置圖例翻頁是否使用動畫。（49）legend.animationDurationUpdate=800number類型，用于設置圖例翻頁時的動畫時長。（50）legend.emphasisObject類型?！鬺egend.emphasis.selectorLabelObject類型，從v4.4.0開始支持。（51）legend.selectorboolean或Array類型，從v4.4.0開始支持。圖例組件中的選擇器按鈕，目前包括“全選”和“反選”兩種功能。默認不顯示，用戶可手動開啟，也可以手動配置每個按鈕的標題。使用方式如下：selector:[{//全選type:'all',//可以是任意你喜歡的標題title:'全選'},{//反選type:'inverse',//可以是任意你喜歡的標題title:'反選'}]//或selector:true//或selector:['all','inverse']（52）legend.selectorLabelObject類型，從v4.4.0開始支持，用于設置選擇器按鈕的文本標簽樣式，默認顯示。◆legend.selectorLabel.show=trueboolean類型，用于設置是否顯示標簽?！鬺egend.selectorLabel.distance=5number類型，用于設置距離圖形元素的距離?！鬺egend.selectorLabel.rotatenumber類型，用于設置標簽旋轉，旋轉角度范圍從-90度到90度，正值是逆時針。◆legend.selectorLabel.offsetArray類型，用于設置是否對文字進行偏移。默認不偏移。例如：[30,40]表示文字在橫向上偏移30，縱向上偏移40。◆legend.selectorLabel.color='#fff'Color類型，用于設置文字的顏色。如果設置為'inherit'，則為視覺映射得到的顏色，如系列色?！鬺egend.selectorLabel.fontStyle='normal'string類型，用于設置文字字體的風格。其取值可選項：'normal'、'italic'、'oblique'?！鬺egend.selectorLabel.fontWeight='normal'string或number類型，用于設置文字字體的粗細。其取值可選項：'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆legend.selectorLabel.fontFamily='sans-serif'string類型，用于設置文字的字體系列。還可以是'serif','monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'……◆legend.selectorLabel.fontSize=12number類型，用于設置文字的字體大小?！鬺egend.selectorLabel.alignstring類型，用于設置文字水平對齊方式，默認為自動。其取值可選項：'left'、'center'、'right'，rich中如果沒有設置align，則會取父層級的align。例