echarts 点击tooltip提示框内容或链接

功能说明

鼠标移入tooltip提示框，并点击或复制tooltip提示框里面的内容。

代码

tooltip: {
    confine: true, // 是否将tooltip框限制在图表的区域内
    enterable: true, // 允许鼠标移入提示悬浮层中
    hideDelay: 200, // 浮层隐藏的延迟
    formatter(item) {
      // 链接
      const link = `<a href="https://www.baidu.com" target="_blank">数据来源</a>`;
      const { seriesName, data } = item;
      return `${seriesName}：${data}W （${link}）`;
    }
  }

效果

在这里插入图片描述

注意项

  1. 把tooltip浮层限制的图表区域内 confine: true
  2. 允许鼠标移入tooltip悬浮层中 enterable: true
  3. tooltip浮层隐藏加个延迟，不然鼠标从点上移开，tooltip立马就消失了 hideDelay: 200

参考

Echarts tooltip

# echarts
Logo
乐奇 Rokid 开放社区

更多推荐

Word Embedding ：从分布式假设到神经网络语言模型

Word Embedding（词嵌入）是一种将离散的词汇符号映射到连续的低维稠密向量空间的技术。在这个向量空间中，语义相似的词在几何距离上彼此接近，从而实现了从"符号匹配"到"语义计算"的跨越。核心定义词嵌入是将单词（或多词短语）表示为固定维度的实值向量，这些向量之间的距离（例如余弦相似度）反映了单词之间的相关性，这种相关性基于单词通常出现的上下文。分布式假设（1954）↓统计共现分析（LSA/S

avatar 乐奇 Rokid 开放社区

3 分钟装好 foobox 皮肤：foobar2000 界面升级安装教程

foobox 是一个 foobar2000 的 DUI 皮肤配置，装好后默认界面就变成带亮、暗两套主题的多面板播放器。它适合已经用 foobar2000、只想换界面不想改播放习惯的 Windows 用户：皮肤只动外观，不碰播放器核心。## 先看适不适合你- 你在 Windows 10 1607 或更高版本上用 foobar2000，想要更顺眼的界面；- 你的曲库不小，想要分组管理和搜索；

avatar 乐奇 Rokid 开放社区

镜游小导：运行在 Rokid AR 眼镜上的景区实景讲解智能体

项目以 RokidAIUI 开放智能体形态交付：页面用.ink描述，运行在眼镜端智能体运行时，直接调用系统能力。AGENTS.md身份镜游小导v1.0.0，景区 AR 实景讲解智能体；权限（Capabilities）microphonenetworkaudiogyroscope；技能（Skills）。

avatar 乐奇 Rokid 开放社区