Echarts在线免费图表

 
            const data = [{
   name: "政务服务事项满意度",
   value: 90
},
]
option = {
   backgroundColor: "#123756",
   graphic: {
      elements: [
         {
            type: 'image',
            style: {
               image: '//img.isqqw.com/profile/upload/2023/11/13/2b717b5e-9b0e-47bd-8721-adba6e870b04.png',
               width: 530,
               height: 530,
            },
            left: 'center',
            top: 'center',
         },
      ],
   },
   title: [{
      text: data[0].value + '%',
      textStyle: {
         color: '#73FAF6',
         fontSize: 50
      },
      left: 'center',
      top: 'center'
   }, {
      text: data[0].name,
      x: 'center',
      y: 650,
      textStyle: {
         color: '#fff',
         fontSize: 35,
         fontweight: 400,
      },
   }],
   color: [
      new echarts.graphic.LinearGradient(0, 0, 1, 1, [
         {
            offset: 0,
            color: '#73FAF6'
         },
         {
            offset: 1,
            color: '#3D7FFF'
         }
      ])
      , 'transparent', 'transparent'],
   series: [
      {
         name: '办结率',
         type: 'pie',
         radius: ['44%', '55%'],
         center: ['50%', '50%'],
         startAngle: 245,
         itemStyle: {
            normal: {
               opacity: 1,
               label: {
                  show: false
               },
               labelLine: {
                  show: false
               },
               shadowBlur: 10,
               shadowColor: '#73FAF6',
               shadowOffsetx: 25,
               shadowOffsety: 20,
            }
         },
         data: [...data, {
            label: "占位",
            value: 150
         },]
      },
   ]
};