echarts中饼图展示信息让其值及百分比都展示

您可以在ECharts的饼图配置中，设置tooltip的formatter属性来实现展示信息和百分比。具体方法如下：

option = {
  // 饼图的系列配置
  series: [{
    type: 'pie',
    data: [
      {value: 335, name: '直接访问'},
      {value: 310, name: '邮件营销'},
      {value: 234, name: '联盟广告'},
      {value: 135, name: '视频广告'},
      {value: 1548, name: '搜索引擎'}
    ],
    // 饼图的提示框配置
    tooltip: {
      trigger: 'item',
      formatter: '{b}: {c} ({d}%)'
    }
  }]
};

在上面的示例中，tooltip的formatter属性设置为"{b}: {c} ({d}%) "，意思是将数据项的名称{name}、值{value}和百分比{percent}展示出来，用冒号分隔。其中，{b}表示数据项的名称，{c}表示数据项的值，{d}表示数据项的百分比（需要乘以100）。这样就可以实现饼图的值和百分比同时展示了。

相关问题

echarts饼图百分比展示

要在echarts饼图中展示百分比，可以使用formatter属性来设置tooltip的显示内容。具体做法是在series中设置tooltip的formatter属性为"{a} <br/>{b}: {c} ({d}%)"，其中"{d}%"就是百分比的展示形式。

例如：

option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};

echarts中饼图调整大小

要调整 Echarts 中饼图的大小，可以通过设置 `series` 内的 `radius` 属性来实现。 `radius` 为数组时，第一项表示内半径，第二项表示外半径，可以使用百分比或像素值设置。例如：

option = {
  series: [{
    type: 'pie',
    radius: ['50%', '70%'], // 内半径为50%，外半径为70%
    data: [
      {value: 335, name: 'A'},
      {value: 310, name: 'B'},
      {value: 234, name: 'C'},
      {value: 135, name: 'D'},
      {value: 1548, name: 'E'}
    ]
  }]
};

你可以根据需要修改 `radius` 数组中的值，来调整饼图的大小。