echarts饼图文本距离

var myFontSize = 12; // 显示文字大小

var lines = 1;  // 行数

var space = 0.5;  // 标签间距,单位行

var myLineHeight = myFontSize * (lines + space) / (lines + 2);  // 基础行高

var option = {

  tooltip: {

    trigger: 'item',

    formatter: '{b}:<br>{c}({d}%)',

  },

  series: [{

    type: 'pie',

    avoidLabelOverlap: true,

    label: {

      show: true,

      formatter: '\n{a|{b}}\n',

      fontSize: myLineHeight,

      //lineHeight: myFontSize * space,

      //borderWidth: 1,

      //borderColor: '#ddd',

      rich: {

        a: {

          fontSize: myFontSize,

          //lineHeight: myFontSize,

        }

      }

    },

    labelLine: {

      show: true,

      length: 5,

      length2: 5,

    },

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

    data: [

      {value: 600, name: '直接访问'},

      {value:  50, name: '邮件营销'},

      {value:  50, name: '联盟广告'},

      {value:  50, name: '视频广告'},

      {value:  50, name: '搜索引擎'},

    ]

  }]

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。