如何自定义图例的形状和文字样式？

Question

请问如何自定义图例项的形状，同时修改文字的样式，实现类似下图的图例样式：

Answer 1

图例形状根据icon配置https://echarts.apache.org/zh/option.html#legend.icon
后面添加的样式可以在textStyle的rich中配置

legend: {
    textStyle: {
      rich: {
        a: {
          fontWeight: 'bold',
          padding: [0, 0, 0, 10]
        }
      }
    },
    formatter: function (name) {
      return name + '{a|37}';
    },
    icon: 'circle'
},