echart实现环图中心加图片

最新推荐文章于 2024-03-16 09:10:44 发布

笋笋~

最新推荐文章于 2024-03-16 09:10:44 发布

阅读量2.5k

点赞数 2

分类专栏：随记文章标签： javascript vue.js html echarts

本文链接：https://blog.csdn.net/qq_35699198/article/details/129275592

版权

随记专栏收录该内容

88 篇文章 0 订阅

订阅专栏

如果环状图在整个画布的中间使用方式一，直接居中定位

方式一：

imgUrl = 'data:image/png;base64,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'
pieData = [
  {
    name: '1',
    value: 1
  },
  {
    name: '2',
    value: 2
  }
]
option = {
  graphic: [{
    type: 'image',
    style: {
      image: imgUrl,
      width: 80,
      height: 80,
    },
    left: 'center',
    top: 'center'
  }],
  selectedMode:false,
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  series: [
    {
      type: 'pie',
      cursor: 'default',
      radius: ['45%', '30%'],
      center: ['center', 'center'],
      avoidLabelOverlap: false,
      legendHoverLink: true,
      label: {
        show: false
      },
      emphasis: {
        label: {
          show: false,
        }
      },
      labelLine: {
        show: false
      },
      data: pieData,
    }
  ]
};

方式二：

如果环图不在画布的中间、而且画布宽度不固定的时候，会导致图形和环状图匹配不上导致样式异常。采用两个环形图叠加的方法，可以准确的进行定位。

imgUrl = 'data:image/png;base64,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'
pieData = [
  {
    name: '1',
    value: 1
  },
  {
    name: '2',
    value: 2
  }
]
option = {
  selectedMode:false,
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  series: [
    {
        type: 'pie',
        cursor: 'default',
        radius: ['45%', '60%'],
        center: ['40%', '45%'],
        width: '30%',
        avoidLabelOverlap: false,
        legendHoverLink: true,
        label: {
          show: false
        },
        emphasis: {
          label: {
            show: false,
          }
        },
        labelLine: {
          show: false
        },
        data: pieData,
      },
      {
        type: 'pie',
        cursor: 'default',
        radius: ['0%', '45%'],
        center: ['40%', '45%'],
        width: '30%',
        emphasis: {
          label: {
            show: false,
          }
        },
        labelLine: {
          show: false
        },
        label: {
          show: false
        },
        data: [{
          hoverAnimation: false,
          selected: false,
          value: 1,
          name: '',
          itemStyle: {
            color: '#fff',
          },
          label: {
            show: true,
            formatter: [
              '{image|}'
            ].join('\n'),
            position: 'center',
            rich: {
              image: {
                backgroundColor: {
                  image: imgUrl,
                },
                width: 46,
                height: 46,
              }
            }
          }
        }]
      }
  ]
};