echarts之legend的icon使用本地图片

在ECharts中，如果你想要在图例（Legend）中使用本地图片作为图标，你可以通过设置`symbol`属性来实现。首先，你需要将图片转换为Base64格式的字符串，因为ECharts默认支持的数据格式是字符串。以下是步骤：

1. 将本地图片文件读取并转成Base64编码：

   function base64Image(imgPath) {
     return new Promise((resolve, reject) => {
       const reader = new FileReader();
       reader.onload = function() {
         resolve(reader.result);
       };
       reader.onerror = function() {
         reject(reader.error);
       };
       reader.readAsDataURL(imgPath);
     });
   }
   
   // 使用路径替换 'your-image-path'
   const imagePath = 'your-image-path';
   base64Image(imagePath)
     .then(base64String => {
       // 现在你有了Base64格式的图片数据
       const icon = `data:image/png;base64,${base64String}`;
       // 使用这个Base64字符串作为图例的图标
       const legendOption = {
         data: ['Series A', 'Series B'],
         symbol: 'image://' + icon,
       };
     })
     .catch(error => {
       console.error('Error reading image:', error);
     });

2. 将上述代码片段嵌入到你的ECharts初始化配置中，例如在全局配置项里添加`legend`部分。

请注意，由于浏览器安全策略，一些在线服务可能会阻止直接访问本地文件系统。如果图片是在服务器上，建议上传到服务器然后提供URL。