我应该如何转换我的 JSON 以便我可以在我的 Ant Design 折线图中使用它答案

【问题标题】：How should I convert my JSON so that I can use it in my Ant Design Line Chart我应该如何转换我的 JSON 以便我可以在我的 Ant Design 折线图中使用它
【发布时间】：2021-12-31 21:55:22
【问题描述】：

我将数据从 BigQuery 提取到我的 Django，然后将其转换为 JSON，然后使用 Ant Design Charts 在我的前端 (ReactJS) 上呈现它。我需要做一个多线绘图。

我当前的 JSON 看起来像这样：

[
    {
        "date": "2021-11-12", 
        "hour": "6.0", "predict": 25.6775, 
        "lower_80": 25.775, 
        "upper_80": 26.2, 
        "lower_90": 21.8525, 
        "upper_90": 26.2, 
        "lower_95": 20.92625, 
        "upper_95": 26.2
    }, 
    {
        "date": "2021-11-12", 
        "hour": "7.0", 
        "predict": 26.2, 
        "lower_80": 26.2, 
        "upper_80": 26.2, 
        "lower_90": 26.2, 
        "upper_90": 26.2, 
        "lower_95": 26.2, 
        "upper_95": 26.2
    },
    ...
]

我想根据每一列（lower_80、upper_80 等）绘制每一行

从 Ant Design Charts 示例中，他们有一个 json 数据示例，例如：

[
    {
      "year": "1850",
      "value": 0,
      "category": "Liquid fuel"
    },
    {
      "year": "1850",
      "value": 54,
      "category": "Solid fuel"
    },
    ...
]

他们正在根据category 列进行绘图。我可以将我的数据转换成类似于他们的 json 格式的最好方法是什么？

注意：由于我使用 Django 从 BigQuery 中提取数据，如果有使用 Pandas 进行数据操作的解决方案也是可能的。

【问题讨论】：

标签： json pandas ant-design-pro

【解决方案1】：

这可以使用df.melt() 来实现，其中我采用id_vars 参数，在本例中为“日期”和“小时”列。这会将数据帧转换为长格式，然后将其转换为 JSON 对象以实现所需的输出。

【讨论】：