Apexchart折线图多行Json



我遵循了Apexchart Json函数,这对于柱状图中的单行数据来说效果很好。

我已经尝试并从他们的网站创建了一些例子,他们很容易遵循和所有的工作。

这就是我的问题。

我有一个Json文件(下面的片段)。我想创建一个折线图,但不像他们的网站的例子,这将不总是有相同的阶段。

有启动、运行和完成三个阶段。但这些并不总是每天都存在。

({"The_Date"2021 - 07 - 01 -","重:"时,"Total" 7},{"The_Date"2021 - 07 - 01 -","重:"Running"Total" 6},{"The_Date"2021 - 07 - 01 -","重:"Complete"Total" 50},{"The_Date"2021 - 07 - 02 -","重:"时,"Total" 13},{"The_Date"2021 - 07 - 02 -","重:"Running"Total" 69},{"The_Date"2021 - 07 - 03 -","重:"时,"Total" 22},{"The_Date"2021 - 07 - 03 -","重:"Running"Total" 9},{"The_Date"2021 - 07 - 03 -","重:"Complete"Total" 86})

这是他们的示例https://apexcharts.com/docs/update-charts-from-json-api-ajax/Json到条形图,我知道将类型更改为线形图适用于单个数据集。

是否有人使用此功能创建了多折线图?如有需要,请指教或帮助,不胜感激。

在阅读了相当多的内容后,我发现将Json转换为包含"x"one_answers";y"作为值头,并在Json中有单独的元素,我可以添加这样的附加数据:

chart.appendSeries({
name: 'Chart legend',
data: response.JsonElementnamehere,
})  

JsonElementnamehere将是您的Json元素名称。

最新更新