amCharts 4导出菜单添加数据平均选项失败求助

核心问题点 #

1. 分组间隔配置对象错误：groupInterval是**日期轴（dateAxis）**的专属属性，你错误地将其赋值给了折线图系列（lineSeries），导致分组规则不生效。
2. 未触发图表刷新：修改轴和系列的分组配置后，没有调用图表刷新方法，变更无法同步到渲染层。
3. "All"选项未彻底重置配置：仅关闭dateAxis.groupData，未清除series的分组字段设置，可能导致后续分组逻辑残留异常。

修复后的完整代码 #

chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.menu.align = "right";
chart.exporting.menu.verticalAlign = "top";
chart.exporting.menu.items = [{
        "label": "<i class='fa fa-bars' ></i>",
        "menu": [
            { 
                "label": "Average",
                "menu": [
                    { "type": "custom", "label": "All", "options":
                        { "callback":
                            function() {
                                dateAxis.groupData = false;
                                lineSeries.groupFields.valueY = undefined;
                                chart.invalidateRawData();
                            }
                        }
                    },
                    { "type": "custom", "label": "Week", "options":
                        { "callback":
                            function() {
                                dateAxis.groupData = true;
                                dateAxis.groupInterval = am4core.timeWeek;
                                lineSeries.groupFields.valueY = "average";
                                chart.invalidateRawData();
                            }
                        }
                    },
                    { "type": "custom", "label": "Month", "options":
                        { "callback":
                            function() {
                                dateAxis.groupData = true;
                                dateAxis.groupInterval = am4core.timeMonth;
                                lineSeries.groupFields.valueY = "average";
                                chart.invalidateRawData();
                            }
                        }
                    }
                ]
            }
        ]
}];

关键修复说明 #

• 将groupInterval移至dateAxis配置，并使用amCharts内置的时间间隔常量（am4core.timeWeek、am4core.timeMonth），比手动构造对象更稳定。
• 每个回调末尾添加chart.invalidateRawData()，强制图表重新处理数据并渲染新状态。
• "All"选项中重置lineSeries.groupFields.valueY为undefined，确保完全取消分组计算逻辑。

内容的提问来源于stack exchange，提问作者Laurent