echarts饼图间隙+边框阴影

Examples - Apache ECharts

option = {
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      padAngle: 3, // 间隔大小
      // itemStyle: {
      //   borderRadius: 10
      // },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: 'Search Engine',
          itemStyle:{
            borderRadius: 10, 
            borderWidth: 4, // 边框粗细
            shadowBlur: 6,  // 阴影的模糊大小
            borderColor:'#fff', // 边框颜色
            shadowColor:'#fff', // 阴影颜色
          }
        },
        { value: 735, name: 'Direct',itemStyle:{
            borderRadius: 10,
            borderWidth: 4,
            shadowBlur: 6,
            borderColor:'#fff',
            shadowColor:'#fff',
          } },
        { value: 580, name: 'Email',itemStyle:{
            borderRadius: 10,
            borderWidth: 4,
            shadowBlur: 6,
            borderColor:'#fff',
            shadowColor:'#fff',
          } },
        { value: 484, name: 'Union Ads',itemStyle:{
            borderRadius: 10,
            borderWidth: 4,
            shadowBlur: 6,
            borderColor:'#fff',
            shadowColor:'#fff',
          } },
        { value: 300, name: 'Video Ads',itemStyle:{
            borderRadius: 10,
            borderWidth: 4,
            shadowBlur: 6,
            borderColor:'#fff',
            shadowColor:'#fff',
          } }
      ]
    }
  ]
};