Echarts在线免费图表

 
            const value = 66
option = {
   title: {
      text: '百分比圆环',
      left: 'center',
      bottom: '0px',
      textStyle: {
         color: '#15161B',
         fontSize: 14,
         fontWeight: 400
      }
   },
   series: [
      {
         name: '百分比圆环',
         type: 'pie',
         radius: ['65%', '90%'],
         center: ["50%", "50%"],
         avoidLabelOverlap: false,
         label: {
            show: true,
            position: 'center',
            formatter: '{total|{c}}' + '\n' + '(%)',
            rich: {
               total: {
                  fontSize: 22,
                  fontFamily: "Microsoft YaHei, Microsoft YaHei",
                  fontWeight: 'bold',
                  color: "#000000",
               },
               unit: {
                  fontFamily: "Microsoft YaHei, Microsoft YaHei",
                  fontSize: 14,
                  color: "#15161B",
               },
            },
         },
         emphasis: {
            disabled: true,
         },
         labelLine: {
            show: false
         },
         data: [
            { value: value, name: 'data', itemStyle: { color: '#f57818' } },
            { value: (100 - value), name: 'nodata', itemStyle: { color: '#F2F3F4' } }
         ]
      }
   ]
};