关于DataV的锥形柱图无法显示图标的问题

Question

<template>
  <div id="histogram">
    <dv-conical-column-chart
      :config="config"
      style="width: 400px; height: 200px"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        data: [
          {
            name: "一年级",
            value: 55,
          },
          {
            name: "二年级",
            value: 120,
          },
          {
            name: "三年级",
            value: 71,
          },
          {
            name: "四年级",
            value: 66,
          },
          {
            name: "五年级",
            value: 80,
          },
          {
            name: "六年级",
            value: 35,
          },
          
        ],
        img: [
            "../assets/img/1st.png",
            "../assets/img/2st.png",
            "../assets/img/3st.png",
            "../assets/img/4st.png",
            "../assets/img/5st.png",
            "../assets/img/6st.png"
        ],
      },
    };
  },
  components: {},
  props: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="less">
</style>

无论路径怎么改，就是不显示，哪位大佬能帮帮我吗

Answer 1

使用require('../assets/img/1st.png')试一下