本帖最后由 lucas.Yan 于 2025-11-27 11:26 编辑
背景：
在 Wyn 商业智能中，当我们的数据中有较多分类或者系列，并且有一大部分占比很小，其他的帖子使用隐藏标签等去优化显示效果。本篇教程利用自定义属性对数据进行过滤或者重整。将小于指定百分比的数字统一归类于其他。
为了实现下面的效果，可以利用的组件的自定义属性进行修改。
前置步骤：
首先正常流程绑定饼图的系列和数值
关键步骤：
增加自定义属性：
- const total = option.series[0].data.reduce((sum, item) => sum + item.value, 0);
- const threshold = total * 0.11; // 去除的阈值比例 1 = 100%
- const filteredData = [];
- let otherSum = 0;
- option.series[0].data.forEach(item => {
- if (item.value < threshold) {
- otherSum += item.value; // 要去掉就直接把这行注释掉
- } else {
- filteredData.push(item);
- }
- });
- if (otherSum > 0) {
- filteredData.push({ name: '其他', value: otherSum });
- }
- option.series[0].data = filteredData;
- return option
相关文章：【Echarts自定义设置】实现饼图隐藏小占比数据标签 - Wyn 商业智能专区 - 产品教程 - 葡萄城开发者社区
官方文档：自定义属性 < 图表类组件 < 可视化图表 | Wyn商业智能
|
