Amchart4不能将相同日期的数据分组的解决方法是使用数据处理库(如Lodash)对数据进行预处理,将相同日期的数据合并为一个数据点。
下面是一个使用Lodash对相同日期的数据进行合并的示例代码:
// 引入Lodash库
import _ from 'lodash';
// 原始数据
const data = [
{ date: '2021-01-01', value: 10 },
{ date: '2021-01-01', value: 20 },
{ date: '2021-01-02', value: 15 },
{ date: '2021-01-02', value: 25 },
{ date: '2021-01-03', value: 30 },
];
// 使用Lodash的groupBy方法将相同日期的数据分组
const groupedData = _.groupBy(data, 'date');
// 合并相同日期的数据
const mergedData = _.map(groupedData, (group) => {
const sumValue = _.sumBy(group, 'value');
return {
date: group[0].date,
value: sumValue,
};
});
console.log(mergedData);
运行上述代码,会输出合并后的数据:
[
{ date: '2021-01-01', value: 30 },
{ date: '2021-01-02', value: 40 },
{ date: '2021-01-03', value: 30 }
]
通过对数据进行预处理,将相同日期的数据合并为一个数据点,就可以成功地将数据分组并在Amchart4中使用了。