echarts的legend如何使用data:img/png;base64开头的svg

ECharts的legend组件是用于展示图例的组件，可以通过配置项来设置其显示内容。

如果要在legend组件中使用data:img/png;base64开头的svg，则需要在legend的data数组中设置相关的内容。

具体步骤如下：

1. 在legend的data数组中设置一个对象，对象的name属性用于表示图例的名称，icon属性用于表示图例的标记，可以设置为data:img/png;base64开头的svg字符串。

例如：

legend: {
  data: [{
    name: '图例名称',
    icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5QgPDgYKheNfCAAAAKlJREFUeNrtwTEBAAAAwiD7p7vGQAAAAAAAAAAAAAAAAAAAAAAAPwBwBvAAGX+6j0AAAAASUVORK5CYII='
  }]
}

2. 在图表中设置legend的formatter属性，用于自定义legend的显示内容。

例如：

legend: {
  formatter: function (name) {
    return '<span style="display:inline-block;width:10px;height:10px;background-color:' + color + ';margin-right:5px;"></span>' + name;
  }
}

在上面的代码中，formatter函数通过自定义的方式来显示图例的名称和标记，其中标记使用了data:img/png;base64开头的svg字符串。

注意：在使用data:img/png;base64开头的svg字符串时，需要确保字符串的格式正确，否则会导致图例显示异常。同时，也需要注意图例的样式和图表的主题风格是否一致。