如何格式化Echarts sunburst中的值？

Question

给出以下 Echart sunburst 可视化：

var data = [
  {
    name: 'Grandpa',
    value: 25000000,
    children: [
      {
        name: 'Uncle Leo',
        value: 15000000,
      },
      {
        name: 'Father',
        value: 10000000,
      }
    ]
  },
  {
    name: 'Nancy',
    value: 3000000,
    children: [
      {
        name: 'Cousin Betty',
        value: 1000000
      },
      {
        name: 'Cousin Jenny',
        value: 2000000
      }
    ]
  }
];
option = {
  tooltip: {
    trigger: 'item',
    formatter:  '{b}:<br/><b>{c}</b>',
  },
  series: {
    type: 'sunburst',
    // emphasis: {
    //     focus: 'ancestor'
    // },
    data: data,
    radius: [0, '90%'],
    label: {
      rotate: 'radial'
    }
  }
};

将鼠标悬停在

Grandpa

段上显示：

爷爷：
25000000000

我想要一个更具可读性的值，例如：

爷爷：
25 000 000 000

我尝试用

valueFormatter

解决这个问题，但它似乎不适用于旭日。

Answer 1

valueFormatter

可以与旭日一起使用。为了

valueFormatter

正常工作，

1. 不宜与

   formatter

一起使用
2. EChart版本至少为5.3.0

为了分开数千，这部分：

  tooltip: {
    trigger: 'item',
    formatter:  '{b}:<br/><b>{c}</b>',
  },

必须更换为：

  tooltip: {
    trigger: 'item',
    valueFormatter: value => value.toLocaleString(),
  },