echarts ​圆角环形图

时间: 2022-05-09 21:04:55

(部分内容来自网络，其真实性存疑，为了避免对您造成误导，请谨慎甄别。)

echarts 圆角环形图

option = {

  tooltip: {

    trigger: 'item'

  },

  legend: {

    top: '5%',

    left: 'center'

  },

  series: [

    {

      name: 'Access From',

      type: 'pie',

      radius: ['40%', '70%'],

      avoidLabelOverlap: false,

      itemStyle: {

        borderRadius: 10,

        borderColor: '#fff',

        borderWidth: 2

      },

      label: {

        show: false,

        position: 'center'

      },

      emphasis: {

        label: {

          show: true,

          fontSize: '40',

          fontWeight: 'bold'

        }

      },

      labelLine: {

        show: false

      },

      data: [

        { value: 1048, name: 'Search Engine' },

        { value: 735, name: 'Direct' },

        { value: 580, name: 'Email' },

        { value: 484, name: 'Union Ads' },

        { value: 300, name: 'Video Ads' }

      ]

    }

  ]

};