echart graphic显示图片

ECharts 可以用来显示图片，但是需要先将图片转换为 Base64 编码格式。下面是一个简单的示例代码，演示如何在 ECharts 图表中显示图片：

// 图片的 Base64 编码
var imageBase64 = 'data:image/png;base64,iVBORw0KG...';

// 创建 ECharts 实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置项
var option = {
  series: [{
    type: 'scatter',
    symbolSize: 60,
    data: [
      [10, 10, imageBase64],  // 使用图片作为数据项
      [20, 20, imageBase64],
      [30, 30, imageBase64],
    ],
    itemStyle: {
      normal: {
        color: 'transparent',  // 设置为透明色，使图片可见
        borderColor: 'transparent'
      }
    },
    encode: {
      value: 2  // 指定第三个值为图片地址
    }
  }]
};

// 使用配置项显示图表
myChart.setOption(option);

在上面的示例中，我们创建了一个散点图（scatter），通过将图片的 Base64 编码作为数据项，可以在图表中显示这些图片。需要注意的是，由于图片数据较大，可能会导致性能问题，因此请谨慎使用。