2、echarts配置项-legend

图例组件。

图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。

ECharts 3 中单个 echarts 实例中可以存在多个图例组件，会方便多个图例的布局。

当图例数量过多时，可以使用 滚动图例（垂直） 或滚动图例（水平）

var option{
    legend:{
        type:'plain/scroll',//图例的类型。plain:普通图例，默认;scroll:可滚动翻页的图例
        id:'组件id',//组件 ID。默认不指定。
        show:true/false,//图里是否显示
        left:'auto/20px/20%',//图例组件离容器左侧的距离
        //top、right、bottom的值同上，图例组件离容器分别是上右下距离
        width:'auto',//图例组件的宽度
        height:'auto',//图例组件的高度
        orient:'horizontal/vertical',//图例列表的布局朝向
        align:'auto/left/right',//图例标记和文本的对齐，默认自动
        padding:5,//图例内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距
        itemGap:10,//图例每项之间的间隔
        itemWidth:10,//图例标记的图形宽度
        itemHeight:10,//图例标记的图形高度
        itemStyle{
            color:'#fff',//图形的颜色
            borderColor:'#fff',//图形的描边颜色
            borderWidth:10,
            borderType:'solid/dashed/dotted',//描边类型
            brderDashOffset:1,//用于设置虚线的偏移量（前提：可搭配borderType指定 dash array实现灵活的虚线效果）
            borderCap:'butt/round/square',
            //用于指定线段末端的绘制方式。butt:方形;round:圆形;square:方形
            borderJoin:'bevel/round/miter',//用于设置2个长度不为0的相连部分如何连接在一起的属性。bevel:三角形;round:扇形;miter:菱形
            borderMiterLimit:10,//设置斜接面限制比例(前提:borderJoin:miter)
            shadowBlur:10,
            //图形阴影的模糊大小（前提：配合 shadowColor,shadowOffsetX, shadowOffsetY）
            shadowColor:'#fff',//阴影颜色
            shadowOffsetX:10,//阴影水平方向上的偏移距离
            shadowOffsetY:10,//阴影垂直方向上的偏移距离
            opacity:1//图形透明度。支持从0到1的数字，为0时不绘制该图形
        },
        lineStyle:{
            color:'#fff',//线的颜色
            width:10,//线宽
            type:'solid/dashed/dotted',//线的类型
            dashOffset:1,//设置虚线的偏移量
            cap:'butt/round/square',//用于指定线段末端的绘制方式。butt:方形;round:圆形;square:方形
            join:'bevel/round/miter',//用于设置2个长度不为0的相连部分如何连接在一起的属性。bevel:三角形;round:扇形;miter:菱形
            miterLimit:10,//设置斜接面限制比例(前提:join:miter)
            shadowBlur:10,
            //图形阴影的模糊大小（前提：配合 shadowColor,shadowOffsetX, shadowOffsetY）
            shadowColor:'#fff',//阴影颜色
            shadowOffsetX:10,//阴影水平方向上的偏移距离
            shadowOffsetY:10,//阴影垂直方向上的偏移距离
            opacity:1//图形透明度。支持从0到1的数字，为0时不绘制该图形
        },
        symbolRotate:30,//图形旋转角度
        selectedMode:true/false,//图例选择的模式，控制是否可以通过点击图例改变系列的显示状态
        inactiveColor:'#fff',//图例关闭时的颜色
        inactiveBorderColor:'#fff',//图例关闭时的描边颜色
        inactiveBorderWidth:'auto'/10,//图例关闭时的描边粗细。如果为'auto'表示：如果系列存在描边，则取2，如果系列不存在描边，则取0
        selected:{'对象1':true,'对象2':false},//图例选中状态表
        textStyle:{
            //同title配置项中的textStyle
            backgroundColor:'#fff',//文字块背景色
            borderColor:'#fff',//文字块边框颜色
            borderWidth:10,//文字块边框宽度
            borderType:'solid/dashed/dotted',//文字块边框描边类型
            brderDashOffset:1,//用于设置虚线的偏移量（前提：可搭配borderType指定 dash array实现灵活的虚线效果）
            borderRadius:0,//文字块的圆角
            padding:0,//文字块的内边距
            shadowBlur:10,
            //图形阴影的模糊大小（前提：配合 shadowColor,shadowOffsetX, shadowOffsetY）
            shadowColor:'#fff',//阴影颜色
            shadowOffsetX:10,//阴影水平方向上的偏移距离
            shadowOffsetY:10,//阴影垂直方向上的偏移距离
            ellipsis:''//在overflow配置为'truncate'的时候，可以通过该属性配置末尾显示的文本
        },
        tooltip:{
            //配置项同tooltip
        },
        icon:'',//图例项的 icon
        data:{}//...后续详细配置项查看官网
    }
}