echarts坐标轴插入本地图片

最新推荐文章于 2024-04-02 13:12:16 发布

我以为我可以的

最新推荐文章于 2024-04-02 13:12:16 发布

阅读量2.2k

点赞数

文章标签： echarts javascript

本文链接：https://blog.csdn.net/shd_0310/article/details/113277930

版权

正文开始

最近在做师门的一个项目，用到echarts画图，为了视觉效果，想在坐标轴上添加图片，看完官方文档，使用相对路径设置图片链接地址，发现页面竟然不显示。网上查了很多都一样，但最终发现只有require方法获取地址才有效，废话不多说，直接上代码。

// 先设置变量
var Icons = {
        jd: require("@/assets/img/jd.jpg"),
      };


```javascript
// 副文本及formatter设置如下
formatter: function (value) {
              return "{" + value + "| }";
            },
rich: {
              jd: {
                lineHeight: 30,
                height: 30,
                align: "right",
                backgroundColor: {
                  image: Icons.jd,
                },
              },

大功告成