AMIS项目中饼图隐藏分类后占比显示错误的解决方案

问题背景

在使用AMIS项目中的图表组件时，开发者可能会遇到一个关于饼图显示比例的问题。具体表现为：当用户通过点击图例(legend)隐藏饼图中的某些分类时，剩余显示的饼图区块占比计算会出现错误，导致数据显示不准确。

问题现象详细描述

以一个典型的饼图配置为例，假设我们有以下数据分类：

• Search Engine: 1048 (占比33.3%)
• Direct: 735
• Email: 580
• Union Ads: 484
• Video Ads: 300

当用户点击图例隐藏"Search Engine"分类后，原本应该显示剩余四个分类的占比，但实际显示中，"Direct"分类的占比会错误地显示为33.3%（即原"Search Engine"的占比），而不是重新计算后的正确比例。

技术原因分析

这个问题的根本原因在于AMIS项目早期版本中集成的ECharts库存在一个已知的bug。在饼图交互过程中，当某些分类被隐藏时，ECharts没有正确重新计算剩余分类的百分比分布，而是错误地保留了原始数据的比例信息。

解决方案

经过AMIS开发团队的验证和测试，该问题已在AMIS 6.8.0及以上版本中得到修复。解决方案的核心是升级项目中集成的ECharts库版本，具体升级到了5.5.1版本。

升级建议

对于遇到此问题的开发者，建议采取以下步骤：

1. 确认当前使用的AMIS版本
2. 如果版本低于6.8.0，建议升级到6.8.0或更高版本
3. 升级后重新测试饼图的交互功能，验证问题是否解决

注意事项

在进行版本升级时，开发者需要注意：

1. 检查升级后的兼容性问题
2. 测试其他图表类型的功能是否正常
3. 如果项目中有自定义的ECharts扩展，需要验证这些扩展在新版本中的表现

总结

AMIS项目作为一款优秀的前端低代码框架，其图表功能基于强大的ECharts库实现。随着版本的迭代更新，AMIS团队持续优化和修复各种已知问题。对于饼图占比显示错误这一特定问题，开发者只需升级到6.8.0及以上版本即可获得修复。这体现了开源项目持续改进的价值，也提醒开发者保持依赖库版本更新的重要性。