效果如图所示：
在这里插入图片描述
实现代码：

  1. 先定义要引用的图片（本地图片为例）：
import iconUrl1 from "../assets/screen/icon_6.png";
import iconUrl2 from "../assets/screen/icon_7.png";
import iconUrl3 from "../assets/screen/icon_8.png";
  1. 在option配置项legend内设置data：
    // 图例
    legend: {
      data: [
        { icon: "image://" + iconUrl1 + "", name: "区域A" },
        { icon: "image://" + iconUrl2 + "", name: "区域B" },
        { icon: "image://" + iconUrl3 + "", name: "区域C" },
      ],
      itemWidth: 16,  //这里设置图片的宽
      itemHeight: 16, //这里设置图片的高
      itemGap: 20, //间距
      right: "20%",
      top: "5%",
      textStyle: {  //文字配置
        fontSize: 12,
        color: "#fff",
      },
    },

Forward ever, backward never.

# echarts # vue.js # 前端
Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

SeedVR2终极指南：如何用单步扩散模型实现专业级视频修复

还在为老旧视频的模糊画质而烦恼吗？面对抖动严重的监控录像或褪色的家庭影像，你是否曾希望有一种简单高效的修复方案？SeedVR2正是为解决这些痛点而生的一站式视频修复工具。作为字节跳动推出的先进视频修复模型，它能够在单步推理中实现专业级的视频质量提升，彻底改变了传统视频修复的工作流程。## 核心价值：为什么选择SeedVR2进行视频修复？**传统视频修复的三大瓶颈**：1. **计算成本高

avatar AI Agent技术社区

深度解析Amlogic S9xxx电视盒子Armbian系统：从闲置设备到Linux服务器的终极实战指南

你是否拥有一台闲置的Amlogic S9xxx系列电视盒子？想让它摆脱单一的视频播放功能，变身为功能强大的Linux服务器、开发平台或家庭媒体中心？本指南将为你详细解析如何通过Armbian系统实现这一转变，让你的电视盒子重获新生，成为高性能的Linux设备。Armbian系统基于Debian/Ubuntu构建，专为ARM芯片优化，提供了完整的Linux生态支持。## 🎯 核心价值与独特优势

avatar AI Agent技术社区

CANN/runtime Event管理API

本章节描述 CANN Runtime 的 Event 管理接口，用于事件的创建、记录、同步、计时及 IPC 跨进程共享。- [`aclError aclrtCreateEvent(aclrtEvent *event)`](#aclrtCreateEvent)：创建Event，创建出来的Event可用于统计两个Event之间的耗时、多Stream之间的任务同步等场景。- [`aclError

avatar AI Agent技术社区