如何在angular中显示饼图上的值？我正在使用ngx-echarts

Question

这是我的echarts选项，我不知道在哪里添加选项来在饼图上显示我的数据值。或显示无悬停事件的值的任何指示器。

 this.options = {
  backgroundColor: this.eTheme.bg,
  tooltip: {
    trigger: 'item',
    formatter: '{b} : {c}',
  },
  legend: {
    orient: 'vertical',
    left: 'left',
    data: [],
  },
  series: [
    {
      name: 'Users',
      type: 'pie',
      radius: '50%',
      center: ['50%', '70%'],
      data: [],
    },
  ],
};

my pie chart

Answer 1

没有直接在图表上显示值的选项，您必须使用标签格式设置工具来执行此操作。

例如：

 this.options = {
  backgroundColor: this.eTheme.bg,
  tooltip: {
    trigger: 'item',
    formatter: '{b} : {c}',
  },
  legend: {
    orient: 'vertical',
    left: 'left',
    data: [],
  },
  series: [
    {
      name: 'Users',
      type: 'pie',
      label: {
          formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  '
      },
      radius: '50%',
      center: ['50%', '70%'],
      data: [],
    },
  ],
};

您可以根据自己的需要调整格式化程序。