【问题标题】:fetch nested object from array in JavaScript?从JavaScript中的数组中获取嵌套对象?
【发布时间】:2020-11-12 11:43:00
【问题描述】:

我有这样的数据

const Power = [
    {
    "Week": [
      {"x": "Monday", "y": 11},
      {"x": "Tuseday", "y": 12},
      {"x": "Wednesday", "y": 17},
      {"x": "Thursday", "y": 18},
      {"x": "Friday", "y": 19},
      {"x": "Saturday", "y": 18},
      {"x": "Sunday", "y": 11}
    ],
    "Days": [
      {"x": "6:00 am", "y": 18},
      {"x": "10:00 am", "y": 13},
      {"x": "2:00 pm", "y": 16},
      {"x": "4:00 pm", "y": 14},
      {"x": "8:00 pm", "y": 19},
      {"x": "11:00 pm", "y": 13}
    ]
  }
]

我想按天和周按不同的数据设计图表,所以我无法单独按周和按天获取数据。所以,请提出一些解决方案来实现这一目标

【问题讨论】:

  • 你有没有尝试过?预期的输出应该是什么?

标签: arrays json reactjs object react-chartjs


【解决方案1】:

试试看chartjs和react-chartjs-2(你需要为此下载chartjs) 您需要制作 x 和 y 轴的数组并将其发送到对象中

 {
  labels: string[];
  datasets: {
    label: string;
    backgroundColor?: string;
    borderColor: string;
    pointBackgroundColor?: string;
    data: number[]
  }[]
}

我保留了我的 typescript 项目中的类型,以便您查看如何发送它

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-07-23
    • 2021-09-21
    • 2018-10-14
    • 2021-11-29
    • 2013-10-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多