echarts 饼图显示数字

要在ECharts饼图中显示数字，可以使用ECharts提供的series配置项中的label属性来实现。label属性可以用来配置数据项标签的样式和内容。为了在饼图中显示数字，您可以设置label属性的formatter属性为一个回调函数，通过该回调函数可以自定义标签的显示内容。在回调函数中，可以通过参数params来获取当前数据项的值，并将其作为标签的显示内容。例如，您可以使用以下代码来配置饼图的标签显示数字：

series: [{
    type: 'pie',
    data: [
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
    ],
    label: {
        formatter: function(params) {
            return params.value;
        }
    }
}]

以上代码中，通过设置label的formatter属性为一个匿名函数，函数的参数params代表当前数据项的信息，通过params.value可以获取到当前数据项的值。然后将该值作为标签的显示内容返回即可。这样配置后，饼图的每个扇区上就会显示相应的数值。

相关问题

echarts 饼图上显示数字

要在 Echarts 饼图上显示数字，可以使用 Echarts 提供的 `label` 属性。在 `series` 中设置 `label` 属性即可实现。

例如：

option = {
  // ...
  series: [{
    name: '访问来源',
    type: 'pie',
    radius: '55%',
    center: ['50%', '50%'],
    data: [
      { value: 235, name: '视频广告' },
      { value: 274, name: '联盟广告' },
      { value: 310, name: '邮件营销' },
      { value: 335, name: '直接访问' },
      { value: 400, name: '搜索引擎' }
    ],
    label: {
      show: true, // 显示 label
      formatter: '{b}: {c} ({d}%)'
    }
  }]
};

上述代码中，`formatter` 属性用于设置 label 的显示格式，其中 `{b}` 表示数据项的名称，`{c}` 表示数据项的值，`{d}` 表示数据项占比的百分比。这样设置后，饼图上就会显示每个数据项的值和百分比。

echarts饼图展示数字

好的，您可以使用 echarts 的饼图来展示数字。首先，您需要引入 echarts 库，并创建一个 div 容器来放置图表。然后，您可以使用以下代码来创建一个简单的饼图：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    series: [{
        type: 'pie',
        data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
        ]
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

其中，`data` 数组中的每个对象代表一个饼图块，`value` 属性表示该块所占的数值，`name` 属性表示该块的名称。

您可以根据自己的需求修改配置项和数据，以达到您想要的效果。