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