echarts饼图空数据

如果在ECharts中需要展示饼图时遇到空数据，可以采取以下两种方式处理：

1. 忽略空数据：可以在数据处理阶段过滤掉空数据，只保留有效数据进行展示。例如，在获取数据后，可以使用Array的filter方法过滤掉空数据，然后将过滤后的数据传入饼图的series中。

// 获取数据
const data = getData(); // 假设获取到的数据是一个数组

// 过滤空数据
const filteredData = data.filter(item => item.value !== null && item.value !== undefined);

// 配置饼图
const option = {
  series: [{
    type: 'pie',
    data: filteredData
  }]
};

// 渲染饼图
const chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

2. 使用特定值代替空数据：如果不希望忽略空数据，可以使用特定的值（如0或'无数据'）来代替空数据进行展示。在配置饼图时，可以将空数据项的value值设置为特定值，并添加一个自定义的标签。

const data = [
  { name: '数据1', value: 100 },
  { name: '数据2', value: null },
  { name: '数据3', value: 200 },
  { name: '数据4', value: undefined }
];

// 处理空数据
const processedData = data.map(item => {
  if (item.value === null || item.value === undefined) {
    return {
      ...item,
      value: 0, // 使用0代替空数据
      label: {
        show: true,
        position: 'center',
        formatter: '无数据' // 自定义标签显示内容
      }
    };
  } else {
    return item;
  }
});

// 配置饼图
const option = {
  series: [{
    type: 'pie',
    data: processedData
  }]
};

// 渲染饼图
const chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

这样处理后，饼图中的空数据项将会以特定的方式进行展示，如显示为0或者显示自定义的标签内容。