echarts-legend

legend：图例组件。

formatter

// 初始：
return  name;

// 可以修改格式：eg：
formatter:function(name){
  var tem='';
  if(name=='最高气温'){
    tem='\n \n'+name +'\n \n'+'总计次数：100000 ';
  }else if(name=='访问流量'){
    tem='\n \n'+name +'\n \n'+'总计流量：111MB <div></div>';
  }
  else{
    tem=name;
  }
  return  tem;
}

注：不支持html。

selected（默认选中和不选中）：

selected:{"最高气温":false,"访问流量":false,}

legend的选项：

legend: {

    type: 'scroll',  // 'plain':默认不分页;'scroll'可滚动翻页的图例。当图例数量较多时可以使用。默认plain。
    show: true, // 是否显示图例

	// 位置
    left: 100, // 可以是数字和百分比
    top: 40,
    right: "20%",
    bottom: '20%',
    // width:'200',
    // height:'20%',
    orient: 'horizontal', // 图例列表的布局朝向:vertical,'horizontal'
    
    align: 'left',
    itemGap: 20, // 图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。
    itemWidth: 20, // 图例标记的图形宽度。
    itemHeight: 20, // 图例标记的图形高度。
    formatter: function (name) { // 用来格式化图例文本，支持字符串模板和回调函数两种形式。
        return '1-' + name;
    },
    inactiveColor: '#f40', // 图例关闭时的颜色。
    selected: { // 默认图例是否选中状态。
        // 选中'系列1'
        // '系列1': true,
        // 不选中'系列2'
        // '系列2': false
    },
    textStyle: {
        // color: '#f40', // 文字颜色
        // 一系列...
    },
    tooltip: {
        show: true,
    },
    
    data: [ // 可以单独设置样式，注意写法。
        {name: '销量1', icon: 'circle', textStyle: {color: 'red',},}, // 只改变了第一项的样式。
        '销量2', '销量3', '销量4', '销量5', '销量6', '销量7', '销量8', '销量9',
    ],
    
    // backgroundColor:'#f40', // 图例背景色，默认透明:transparent.
    borderColor: 'red', // 图例模块边框的样式。
    borderWidth: 1,
    borderRadius: 4,
    
    // 下面这几个，只有scroll的时候，生效。
    pageButtonItemGap: 30, // 翻页按钮和页数之间的间隔
    pageButtonGap: 10, // 分页块和图例块之间的间距
    pageButtonPosition: 'start', // 'start'：控制块在左或上；'end'：按钮快在右或下。
    pageFormatter: '第{current}页/共{total}页', // 分页信息编辑
    pageIcons: { // 分页按钮
        horizontal: ['image://http://basefmtest-1252579942.cos.ap-beijing.myqcloud.com/SUserAppResource/headImage/2019-08-20/Y4h1paVv/Uk8JxIhj.png', 'M0,0L-12,-10L-12,10z'],
        // vertical:[],
    },
    pageIconColor: '#F40F40', // 翻页按钮的颜色。
    pageIconInactiveColor: '#aaa', // 翻页按钮不激活时（即翻页到头时）的颜色。
    pageIconSize: 15, // 翻页按钮的大小。
    pageTextStyle: { // 图例页信息的文字样式。
        color: '#f40f40',
        // 一系列...
    },
    animation: true, // 图例翻页是否使用动画。
    // animationDurationUpdate: 10000, // 图例翻页时的动画时长。
},