认识图例：

 

以上几张图表中，红色圆圈部分即图例

echarts图表中的图例，有形状，颜色，位置等等各种样式的不同配置。

echarts官网配置项手册里有非常详细的内容，我们挑几种常用的看看，加深对legend属性的理解

 

option = {
    
    legend: {
        data: ['图例一', '图例二'],      //图例名称
        right: 10,                              //调整图例位置
        top: 0,                                  //调整图例位置
        itemHeight: 7,                      //修改icon图形大小
        icon: 'circle',                         //图例前面的图标形状
        textStyle: {                            //图例文字的样式
            color: '#a1a1a1',               //图例文字颜色
            fontSize: 12                      //图例文字大小
        }，

    series: [{
            name: '图例一',
            },
            {
            name: '图例二',
            }]
}

重点：

• 图例data的值必须与series里的name值对应
• icon可选样式：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'