Web数据可视化教程（基于ECharts）教案 电子活页2-2 图例组件的属性及设置

Web数据可视化教程（基于ECharts）Web数据可视化教程（基于ECharts）Web数据可视化教程（基于ECharts）图例组件的属性及设置Web数据可视化教程（基于ECharts）（1）legend.typestring类型，用于设置图例的类型，其取值可选项：①'plain'：普通图例，缺省为普通图例。②'scroll'：可滚动翻页的图例，当图例数量较多时可以使用。（2）legend.idstring类型，用于设置组件ID，默认不指定。指定则可用于在option或者API中引用组件。（3）legend.show=trueboolean类型。（4）legend.zlevelnumber类型，用于设置所有图形的zlevel值。zlevel用于Canvas分层，不同zlevel值的图形会放置在不同的Canvas中，Canvas分层是一种常见的优化手段。可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的zlevel。需要注意的是过多的Canvas会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。zlevel大的Canvas会放在zlevel小的Canvas的上面。（5）legend.z=2number类型，用于设置组件的所有图形的z值。控制图形的前后顺序，z值小的图形会被z值大的图形覆盖。z相比zlevel优先级更低，而且不会创建新的Canvas。（6）legend.left='auto'string或number类型，用于设置图例组件离容器左侧的距离。left的值可以是像20这样的具体像素值，可以是像'20%'这样相对于容器高宽的百分比，也可以是'left','center','right'。如果left的值为'left','center','right'，组件会根据相应的位置自动对齐。（7）legend.top='auto'string或number类型，用于设置图例组件离容器上侧的距离。top的值可以是像20这样的具体像素值，可以是像'20%'这样相对于容器高宽的百分比，也可以是'top','middle','bottom'。如果top的值为'top','middle','bottom'，组件会根据相应的位置自动对齐。（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类型，用于设置图例标记和文本的对齐。默认为自动，即根据组件的位置和orient决定，当组件的left值为'right'以及纵向布局（orient为'vertical'）的时候为右对齐，即为'right'。其取值可选项：'auto'、'left'、'right'。（14）legend.padding=5number或Array类型，用于设置图例内边距，单位为px，默认各方向内边距为5px，接受数组分别设定上右下左边距。使用示例：//设置内边距为5padding:5//设置上下的内边距为5，左右的内边距为10padding:[5,10]//分别设置四个方向的内边距padding:[5,//上10,//右5,//下10,//左]（15）legend.itemGap=10number类型，用于设置图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。（16）legend.itemWidth=25number类型，用于设置图例标记的图形宽度。（17）legend.itemHeight=14number类型，用于设置图例标记的图形高度。（18）legend.itemStyleObject类型，用于设置图例的图形样式。其属性的取值为'inherit'时，表示继承系列中的属性值。◆legend.itemStyle.color=inheritColor类型，用于设置图形的颜色。支持使用rgb(255,255,255)、rgba(255,255,255,1)、#fff等方式设置为纯色，也支持设置为渐变色和纹理填充。◆legend.itemStyle.borderColor=inheritColor类型，图形的描边颜色。支持的颜色格式同color，不支持回调函数。◆legend.itemStyle.borderWidth=autonumber类型，当其值为"auto"时，如果系列有borderWidth取2，如果系列没有borderWidth则取0。当其值为"inherit"时，始终取系列的borderWidth。◆legend.itemStyle.borderType=inheritstring或number或Array类型，用于设置描边类型。其取值可选项：'solid'、'dashed'、'dotted'。自v5.0.0开始，也可以是number类型或者number数组，用以指定线条的dasharray，配合borderDashOffset可实现更灵活的虚线效果。例如：{borderType:[5,10],borderDashOffset:5}◆legend.itemStyle.borderDashOffset=inheritnumber类型，从v5.0.0开始支持，用于设置虚线的偏移量，可搭配borderType指定dasharray实现灵活的虚线效果。◆legend.itemStyle.borderCap=inheritstring类型，从v5.0.0开始支持，用于指定线段末端的绘制方式，其取值可以是：①'butt':线段末端以方形结束。②'round':线段末端以圆形结束。③'square':线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。默认值为'butt'。◆legend.itemStyle.borderJoin=inheritstring类型，从v5.0.0开始支持。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。其取值可以是：①'bevel'：在相连部分的末端填充一个额外的以三角形为底的区域，每个部分都有各自独立的矩形拐角。②'round'：通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。圆角的半径是线段的宽度。③'miter'：通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过borderMiterLimit属性看到效果。默认值为'bevel'。◆legend.itemStyle.borderMiterLimit=inheritnumber类型，从v5.0.0开始支持。用于设置斜接面限制比例，只有当borderJoin为miter时，borderMiterLimit才有效。默认值为10，负数、0、Infinity和NaN均会被忽略。◆legend.itemStyle.shadowBlurnumber类型，用于设置图形阴影的模糊大小，该属性配合shadowColor、shadowOffsetX、shadowOffsetY一起设置图形的阴影效果。示例代码：{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}◆legend.itemStyle.shadowColorColor类型，用于设置阴影颜色，支持的格式同color。◆legend.itemStyle.shadowOffsetXnumber类型，用于设置阴影水平方向上的偏移距离。◆legend.itemStyle.shadowOffsetYnumber类型，用于设置阴影垂直方向上的偏移距离。◆legend.itemStyle.opacity=inheritnumber类型，用于设置图形透明度，支持从0到1的数字，为0时不绘制该图形。◆legend.itemStyle.decal=inheritObject用于设置图形的贴花图案，在aria.enabled与aria.decal.show都是true的情况下才生效。如果为'none'表示不使用贴花图案。（19）legend.lineStyleObject类型，用于设置图例图形中线的样式，诸如折线图图例横线的样式设置。其属性的取值为'inherit'时，表示继承系列中的属性值。◆legend.lineStyle.color=inheritColor类型，用于设置线的颜色。支持使用rgb(255,255,255)，rgba(255,255,255,1)，#fff等方式设置为纯色，也支持设置为渐变色和纹理填充。◆legend.lineStyle.width=autonumber类型，用于设置线宽。◆legend.lineStyle.type=inheritstring或number或Array类型，用于设置线的类型。其取值可选项：'solid'、'dashed'、'dotted'。自v5.0.0开始，也可以是number或者number数组，用以指定线条的dasharray，配合dashOffset可实现更灵活的虚线效果。例如：{type:[5,10],dashOffset:5}◆legend.lineStyle.dashOffset=inheritnumber类型，从v5.0.0开始支持。用于设置虚线的偏移量，可搭配type指定dasharray实现灵活的虚线效果。◆legend.lineStyle.cap=inheritstring类型，从v5.0.0开始支持。用于指定线段末端的绘制方式，其取值可以是：①'butt'：线段末端以方形结束。②'round'：线段末端以圆形结束。③'square'：线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。默认值为'butt'。◆legend.lineStyle.join=inheritstring类型，从v5.0.0开始支持。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。其取值可以是：①'bevel'：在相连部分的末端填充一个额外的以三角形为底的区域，每个部分都有各自独立的矩形拐角。②'round'：通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。圆角的半径是线段的宽度。③'miter'：通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过miterLimit属性看到效果。默认值为'bevel'。◆legend.lineStyle.miterLimit=inheritnumber类型，从v5.0.0开始支持。用于设置斜接面限制比例，只有当join为miter时，miterLimit才有效。默认值为10。负数、0、Infinity和NaN均会被忽略。◆legend.lineStyle.shadowBlur=inheritnumber类型，用于设置图形阴影的模糊大小，该属性配合shadowColor,shadowOffsetX、shadowOffsetY一起设置图形的阴影效果。示例代码：{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}◆legend.lineStyle.shadowColorColor类型，用于设置阴影颜色，支持的格式同color。◆legend.lineStyle.shadowOffsetXnumber类型，用于设置阴影水平方向上的偏移距离。◆legend.lineStyle.shadowOffsetYnumber类型，用于设置阴影垂直方向上的偏移距离。◆legend.lineStyle.opacity=inheritnumber类型，用于设置图形透明度，支持从0到1的数字，为0时不绘制该图形。◆legend.lineStyle.inactiveColor='#ccc'Color类型，用于设置图例关闭时的线条描边颜色。◆legend.lineStyle.inactiveWidth=2number类型，用于设置图例关闭时的线条宽度。（20）legend.symbolRotate='inherit'number或string类型。用于设置图形旋转角度，类型为number|'inherit'。如果为'inherit'，表示取系列的symbolRotate。（21）legend.formatterstring或Function类型，用来格式化图例文本，支持字符串模板和回调函数两种形式。示例代码：//使用字符串模板，模板变量为图例名称{name}formatter:'Legend{name}'//使用回调函数formatter:function(name){return'Legend'+name;}（22）legend.selectedMode=truestring或boolean类型，用于设置图例选择的模式，控制是否可以通过单击图例改变系列的显示状态。默认开启图例选择，可以设成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类型，用于设置图例选中状态表。示例代码：selected:{//选中'系列1''系列1':true,//不选中'系列2''系列2':false}（26）legend.textStyleObject类型，用于设置图例的公用文本样式。◆legend.textStyle.color=#333Color类型，用于设置文字的颜色。◆legend.textStyle.fontStyle='normal'string类型，用于设置文字字体的风格。其取值可选项：'normal'、'italic'、'oblique'。◆legend.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指定高宽，也可以不指定自适应。◆legend.textStyle.borderColorColor类型，用于设置文字块边框颜色。◆legend.textStyle.borderWidthnumber类型，用于设置文字块边框宽度。◆legend.textStyle.borderType='solid'string或number或Array类型，用于设置文字块边框描边类型。其取值可选项：'solid'、'dashed'、'dotted'。自v5.0.0开始，也可以是number类型或者number数组，用以指定线条的dasharray，配合borderDashOffset可实现更灵活的虚线效果。例如：{borderType:[5,10],borderDashOffset:5}◆legend.textStyle.borderDashOffsetnumber类型，从v5.0.0开始支持。用于设置虚线的偏移量，可搭配borderType指定dasharray实现灵活的虚线效果。◆legend.textStyle.borderRadiusnumberArray类型，用于设置文字块的圆角。◆legend.textStyle.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。◆legend.textStyle.shadowColor='transparent'Color类型，用于设置文字块的背景阴影颜色。◆legend.textStyle.shadowBlurnumber类型，用于设置文字块的背景阴影长度。◆legend.textStyle.shadowOffsetXnumber类型，用于设置文字块的背景阴影X偏移。◆legend.textStyle.shadowOffsetYnumber类型，用于设置文字块的背景阴影Y偏移。◆legend.textStyle.widthnumber类型，用于设置文本显示宽度。◆legend.textStyle.heightnumber类型，用于设置文本显示高度。◆legend.textStyle.textBorderColorColor类型，用于设置文字本身的描边颜色。◆legend.textStyle.textBorderWidthnumber类型，用于设置文字本身的描边宽度。◆legend.textStyle.textBorderType='solid'string或number或Array类型，用于设置文字本身的描边类型。其取值可选项：'solid'、'dashed'、'dotted'。自v5.0.0开始，也可以是number类型或者number数组，用以指定线条的dasharray，配合textBorderDashOffset可实现更灵活的虚线效果。例如：{textBorderType:[5,10],textBorderDashOffset:5}◆legend.textStyle.textBorderDashOffsetnumber类型，从v5.0.0开始支持。用于设置虚线的偏移量，可搭配textBorderType指定dasharray实现灵活的虚线效果。◆legend.textStyle.textShadowColor='transparent'Color类型，用于设置文字本身的阴影颜色。◆legend.textStyle.textShadowBlurnumber类型，用于设置文字本身的阴影长度。◆legend.textStyle.textShadowOffsetXnumber类型，用于设置文字本身的阴影X偏移。◆legend.textStyle.textShadowOffsetYnumber类型，用于设置文字本身的阴影Y偏移。◆legend.textStyle.overflow='none'string类型，用于设置文字超出宽度是否截断或者换行，配置width时有效。其取值可选项：①'truncate'截断，并在末尾显示ellipsis配置的文本，默认为…②'break'换行。③'breakAll'换行，跟'break'不同的是，在英语等拉丁文中，'breakAll'还会强制单词内换行。◆legend.textStyle.ellipsis='…'string类型，在overflow配置为'truncate'的时候，可以通过该属性配置末尾显示的文本。◆legend.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://'将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。矢量路径可以从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类型，用于设置图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的name（如果是饼图，也可以是饼图单个数据的name）。图例组件会自动根据对应系列的图形标记（symbol）来绘制自己的颜色和标记，特殊字符串''（空字符串）或者'\n'（换行字符串）用于图例的换行。如果data没有被指定，会自动从当前系列中获取。多数系列会取自或者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，支持传入数组分别指定4个圆角半径。例如：①borderRadius:5,//统一设置四个角的圆角大小②borderRadius:[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开始计数），{total}是总页数。如果pageFormatter使用函数，须返回字符串，参数为：{current:numbertotal:number}（43）legend.pageIconsObject类型，legend.type为'scroll'时有效。用于设置图例控制块的图标。◆legend.pageIcons.horizontalArray类型，用于设置legend.orient为'horizontal'时的翻页按钮图标。是一个数组，表示[previouspagebutton,nextpagebutton]。默认值为['M0,0L12,-10L12,10z','M0,0L-12,-10L-12,10z']，。数组中每项，可以通过'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://'将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。矢量路径可以从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'时的翻页按钮图标。是一个数组，表示[previouspagebutton,nextpagebutton]。默认值为['M0,0L20,0L10,-20z','M0,0L20,0L10,20z']，。数组中每项，可以通过'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://'将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。矢量路径可以从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'时有效。用于设置翻页按钮的大小。可以是数字，也可以是数组，如[10,3]，表示[宽，高]。（47）legend.pageTextStyleObject类型，legend.type为'scroll'时有效。用于设置图例页信息的文字样式。◆legend.pageTextStyle.color=#333Color类型，用于设置文字的颜色。◆legend.pageTextStyle.fontStyle='normal'string类型，用于设置文字字体的风格。其取值可选项：'normal'、'italic'、'oblique'。◆legend.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类型，用于设置文本显示宽度。◆legend.pageTextStyle.heightnumber类型，用于设置文本显示高度。◆legend.pageTextStyle.textBorderColorColor类型，用于设置文字本身的描边颜色。◆legend.pageTextStyle.textBorderWidthnumber类型，用于设置文字本身的描边宽度。◆legend.pageTextStyle.textBorderType='solid'string或number或Array类型，用于设置文字本身的描边类型。其取值可选项：'solid'、'dashed'、'dotted'，自v5.0.0开始，也可以是number类型或者number数组，用以指定线条的dasharray，配合textBorderDashOffset可实现更灵活的虚线效果。例如：{textBorderType:[5,10],textBorderDashOffset:5}◆legend.pageTextStyle.textBorderDashOffsetnumber类型，从v5.0.0开始支持。用于设置虚线的偏移量，可搭配textBorderType指定dasharray实现灵活的虚线效果。◆legend.pageTextStyle.textShadowColor='transparent'Color类型，用于设置文字本身的阴影颜色。◆legend.pageTextStyle.textShadowBlurnumber类型，用于设置文字本身的阴影长度。◆legend.pageTextStyle.textShadowOffsetXnumber类型，用于设置文字本身的阴影X偏移。◆legend.pageTextStyle.textShadowOffsetYnumber类型，用于设置文字本身的阴影Y偏移。◆legend.pageTextStyle.overflow='none'string类型，用于设置文字超出宽度是否截断或者换行，需配置width时有效。其取值可选项：①'truncate'截断，并在末尾显示ellipsis配置的文本，默认为…②'break'换行。③'breakAll'换行，跟'break'不同的是，在英语等拉丁文中，'breakAll'还会强制单词内换行。◆legend.pageTextStyle.ellipsis='…'string类型，在overflow配置为'truncate'的时候，可以通过该属性配置末尾显示的文本。（48）legend.animationboolean类型，用于设置图例翻页是否使用动画。（49）legend.animationDurationUpdate=800number类型，用于设置图例翻页时的动画时长。（50）legend.emphasisObject类型。◆legend.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类型，用于设置是否显示标签。◆legend.selectorLabel.distance=5number类型，用于设置距离图形元素的距离。◆legend.selectorLabel.rotatenumber类型，用于设置标签旋转，旋转角度范围从-90度到90度，正值是逆时针。◆legend.selectorLabel.offsetArray类型，用于设置是否对文字进行偏移。默认不偏移。例如：[30,40]表示文字在横向上偏移30，纵向上偏移40。◆legend.selectorLabel.color='#fff'Color类型，用于设置文字的颜色。如果设置为'inherit'，则为视觉映射得到的颜色，如系列色。◆legend.selectorLabel.fontStyle='normal'string类型，用于设置文字字体的风格。其取值可选项：'normal'、'italic'、'oblique'。◆legend.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类型，用于设置文字的字体大小。◆legend.selectorLabel.alignstring类型，用于设置文字水平对齐方式，默认为自动。其取值可选项：'left'、'center'、'right'，rich中如果没有设置align，则会取父层级的align。例如：{align:right,rich:{a:{//没有设置`align`，则`align`为right}}}◆legend.selectorLabel.verticalAlignstring类型，用于设置文字垂直对齐方式，默认为自动。其取值可选项：'top'、'middle'、'bottom'。rich中如果没有设置verticalAlign，则会取父层级的verticalAlign。例如：{verticalAlign:bottom,rich:{a:{//没有设置`verticalAlign`，则`verticalAlign`为bottom}}}◆legend.selectorLabel.lineHeightnumber类型，用于设置行高。rich中如果没有设置lineHeight，则会取父层级的lineHeight。例如：{lineHeight:56,rich:{a:{//没有设置`lineHeight`，则`lineHeight`为56}}}◆legend.selectorLabel.backgroundColor='transparent'string或Object类型，用于设置文字块背景色。可以使用颜色值，例如：'#123234','red','rgba(0,23,11,0.3)'。也可以直接使用图片，例如：backgroundColor:{image:'xxx/xxx.png'//这里可以是图片的URL，//或者图片的dataURI，//或者HTMLImageElement对象，//或者HTMLCanvasElement对象。}当使用图片的时候，可以使用width或height指定高宽，也可以不指定自适应。如果设置为'inherit'，则为视觉映射得到的颜色，如系列色。◆legend.selectorLabel.borderColorColor类型，用于设置文字块边框颜色。如果设置为'inherit'，则为视觉映射得到的颜色，如系列色。◆legend.selectorLabel.borderWidthnumber类型，用于设置文字块边框宽度。◆legend.selectorLabel.borderType='solid'string或number或Array类型，用于设置文字块边框描边类型。其取值可选项：'solid''dashed'、'dotted'。自v5.0.0开始，也可以是number类型或者number数组，用以指定线条的das