微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用ReactJS为图表创建小计?

如何解决如何使用ReactJS为图表创建小计?

下面有我的代码,每天可以统一我的数据,我想每天和每个公司都将其统一到图表中,我已经尝试了几种方法,您能帮我吗?

var data = [
  { name: 'test1',day: '05/18',company:'1',total_price: 3 },{ name: 'test4',total_price: 7 },{ name: 'test2',company:'2',total_price: 13.6 },{ name: 'test3',day: '06/18',total_price: 8 },total_price: 15 },day: '07/18',];

const sum = (a,b) => a+b;
const uniqueCategories = (array) => [...new Set(array.map(item => item.day))];
const chartData = uniqueCategories(data).map(day => [
  day,data
    .filter(item => item.day===day)
    .map(item => item.total_price)
    .reduce(sum)
]);
chartData.splice(0,["Day","$"])
console.log(chartData)

结果:

chartData= [
  ["Day","$"],["05/18",23.6],["06/18",23],["07/08",8]
]

我希望你回到我身边

chartData= [
  ["Day","Comp1","Comp2"],10,13.6],8,15],8],]

我非常感谢您的帮助

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。