看完才发现饼图插入图片so easy!

一、此案例基于Vue3+ts，效果展示：

二、单个属性的值:

series.radius：[ ' 百分比 ' , ' 百分比 ' ]

第一个值设置内圈的大小，第二个值设备外圈的大小

两个值配合可以设置圆圈的粗细

series.center：[ ' 百分比 ' , ' 百分比 ' ]

第一个值调整水平位置，第二个值调整垂直位置

graphic 饼图中间插入图片

  elements: [

        {

          type: 'image',

          style: {

            image: 'base64格式的图片',

           // 设置图片大小

            width: 50,

            height: 50,

          },

          // 调整位置

          left: '39.5%',

          top: '46.5%',

        },

      ],

图片转base64在线工具：

图片转 BASE64 编码 | 菜鸟工具

三、完整代码如下：