Echarts在线免费图表

 
            colors = ['#B58EF9', '#0DA8F6', '#5DD5D7']

option = {
   legend: {
      type: 'scroll',
      orient: 'vertical',
      right: '20%',
      top: '28%',
      icon: 'circle',
      itemWidth: 15,
      itemHeight: 15,
      itemGap: 40,
      formatter: name => {
         return `{name|${name}}\n{value|200 (43.86%)}`
      },
      textStyle: {
         color: 'rgba(0, 0, 0, 0.65)',
         rich: {
            name: {
               fontSize: 15,
               padding: [36, 0, 0, 0]
            },
            value: {
               fontSize: 15,
               color: 'rgba(0, 0, 0, 0.85)',
               padding: [20, 0, 0, 0],
               fontWeight: 700
            }
         }
      }
   },
   series: [
      {
         type: 'pie',
         radius: ['32%', '50%'],
         center: ['30%', '50%'],
         labelLine: {
            show: false
         },
         label: {
            show: false,
            position: 'center'
         },
         data: [
            {
               value: 3,
               name: '采纳',
               itemStyle: {
                  color: colors[0],
                  borderColor: '#fff',
                  borderWidth: 2
               }
            },
            {
               value: 3,
               name: '不采纳',
               itemStyle: {
                  color: colors[1],
                  borderColor: '#fff',
                  borderWidth: 2
               }
            },
            {
               value: 4,
               name: '其他',
               itemStyle: {
                  color: colors[2],
                  borderColor: '#fff',
                  borderWidth: 2
               }
            }
         ]
      }
   ]
};