vue使用echarts图表给标题前面加图片

option1 = {
          title: {
            //要带上{a|}
            text: '{a|}  标题文字',
            subtext: '单位/度',
            show: true,
            left: '30',
            top: '30',
            itemGap: 30,
            textStyle: {
              fontSize: '16',
              verticalAlign: 'middle',
              lineHeight: 25,
              rich: {
                a: {
                  verticalAlign: 'middle',
                  height: 30,
                  width: 30,
                  backgroundColor: {
                    //添加的图片
                    image: require('./icon/icon_06.png'),
                  },
                },
              },
            },
          option1 && myChart1.setOption(option1)
            window.addEventListener('resize', function () {
          myChart1.resize()
        })

在option的title写添加的图片 具体属性什么意思可以看看echarts官方文档

我是配置图片和标题垂直居中的

仅供参考!!!

你可能感兴趣的:(echarts,vue.js,javascript)