Javascript AM4图表组数据

在将数据分组到AM4图表时，我正在努力获得我想要的结果

我遵循了这里看到的示例：

其结果如下：

两个图使用相同的数据集

从提供的图像中可以看到，下面的是未分组的AMSCHARTS 3，上面的是AMSCHARTS 4，并设置为分组

我想看到的是,；顶部图表的峰值显示分组数据的最高结果。因此，这两张图上4月6日至4月08日之间的部分将显示结果150，正如下面的图表3所示

以下是我的代码供参考：

chart=am4core.create（$scope.id，am4charts.XYChart）；
chart.data=读取数据；
var dateAxis=chart.xAxes.push（新的am4charts.dateAxis（））；
dateAxis.renderer.grid.template.location=0.5；
dateAxis.renderer.labels.template.location=0.5；
dateAxis.renderer.minGridDistance=60；
dateAxis.groupData=true；
dateAxis.minZoomCount=3；
dateAxis.GroupInterval.setAll([
{时间单位：“秒”，计数：10}，
{时间单位：“分钟”，计数：1}，
{时间单位：“小时”，计数：1}，
{时间单位：“天”，计数：1}，
{时间单位：“周”，计数：1}，
{时间单位：“月”，计数：1}，
{时间单位：“年”，计数：1}，
]);
var valueAxis=chart.yAxes.push（新的am4charts.valueAxis（））；
var series=chart.series.push（新的am4charts.LineSeries（））；
series.dataFields.dateX=“创建时”；
series.dataFields.valueY=“总计”；
series.tooltipText=“{valueY}”；
series.tooltip.pointerooritation=“垂直”；
series.tooltip.background.fillOpacity=0.5；
series.groupFields.valueY=“max”；
chart.cursor=新的am4charts.XYCursor（）；
chart.cursor.xAxis=日期轴；
var scrollbarX=newam4core.Scrollbar（）；
scrollbarX.marginBottom=20；
chart.scrollbarX=scrollbarX中没有“最大”设置。有效值为“开”、“关”、“低”、“高”、“平均”和“和”

在您的情况下，请尝试使用
“high”
，例如

series.groupFields.valueY = "high";

演示如下：


var chart=am4core.create（“chartdiv”，am4charts.XYChart）；
chart.data=generateData（）；
var dateAxis=chart.xAxes.push（新的am4charts.dateAxis（））；
dateAxis.renderer.grid.template.location=0.5；
dateAxis.renderer.labels.template.location=0.5；
dateAxis.renderer.minGridDistance=60；
dateAxis.groupData=true；
dateAxis.minZoomCount=3；
dateAxis.GroupInterval.setAll([{
时间单位：“秒”，
计数：10
},
{
时间单位：“分钟”，
计数：1
},
{
时间单位：“小时”，
计数：1
},
{
时间单位：“天”，
计数：1
},
{
时间单位：“周”，
计数：1
},
{
时间单位：“月”，
计数：1
},
{
时间单位：“年”，
计数：1
},
]);
var valueAxis=chart.yAxes.push（新的am4charts.valueAxis（））；
var series=chart.series.push（新的am4charts.LineSeries（））；
series.dataFields.dateX=“创建时”；
series.dataFields.valueY=“总计”；
series.tooltipText=“{valueY}”；
series.tooltip.pointerooritation=“垂直”；
series.tooltip.background.fillOpacity=0.5；
series.groupFields.valueY=“高”；
chart.cursor=新的am4charts.XYCursor（）；
chart.cursor.xAxis=日期轴；
var scrollbarX=newam4core.Scrollbar（）；
scrollbarX.marginBottom=20；
chart.scrollbarX=scrollbarX；
函数generateData（）{
var日期=新日期（2019年4月1日）；
var数据=[]；
对于（变量i=0；i<2500；++i）{
var newDate=新日期（日期）；
newDate.setSeconds（newDate.getSeconds（）+i）；
数据推送({
总数：100*Math.sin（（Math.PI/180）*i）+100，
创建时间：newDate
})
}
返回数据；
}
#chartdiv{
宽度：100%；
高度：400px；
}