我应该如何转换JSON，以便在Ant设计折线图中使用它

Question

我将数据从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
},
...
]

我想根据每一列绘制每一行(下部_80、上部_80等(

从Ant设计图表的例子来看，他们有一个json数据例子，例如：

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

他们正在根据category列进行绘图。将数据转换为类似json格式的最佳方式是什么？

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

Answer 1

这可以使用df.melt((实现，其中我接受id_vars参数，在本例中为"Date"one_answers"Hour"列。这将把数据帧转换为长格式，然后将其转换为JSON对象以实现所需的输出。