echarts坐标轴插入本地图片

正文开始

最近在做师门的一个项目,用到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,
                },
              },

大功告成

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页