无法动态将json数据呈现到chartjs中的分组条形图中

时间:2019-07-29 02:43:38

标签: php mysql json chart.js

我传递的数据未呈现图形。我希望根据日期显示特定分组数据的图表。 上述问题应根据所选数据动态获取数据集。

我尝试将数据分组为json格式,然后使用underscore.js根据日期再次将其分组,但我仍然无法绘制图形,chartjs无法读取数据

[{“ Subprocess”:“ 07/01 / 2001-Ariz-Ref”,“ Completed”:“ 23”,“ Received”:“ 23”},{“ Subprocess”:“ 07/01 / 2001- Ariz-Resa“,”已完成“:” 84“,”已接收“:” 84“},{”子过程“:” 07/02 / 2001-Ariz-Ref“,”已完成“:” 8“,”已接收“ :“ 8”},{“ Subprocess”:“ 07/02 / 2001-Ariz-Resa”,“ Completed”:“ 103”,“ Receiveved”:“ 103”},{“ Subprocess”:“ 07/03 / 2001-Ariz-Ref“,”已完成“:” 6“,”已接收“:” 6“},{”子过程“:” 07/03 / 2001-Ariz-Resa“,”已完成“:” 51“,”已接收“:” 51“},{”子过程“:” 07/04 / 2001-Ariz-Ref“,”已完成“:” 17“,”已接收“:” 17“},{”子过程“:” 07 / 04 / 2001-Ariz-Resa“,”已完成“:” 96“,”已接收“:” 96“},{”子过程“:” 07/02 / 2001-Chic-CM-Refi“,”已完成“:” 40“,”已收到“:” 40“},{”子过程“:” 07/03 / 2001-Chic-CM-Refi“,”已完成“:” 10“,”已收到“:” 10“},{”子过程“:” 07/01 / 2001-Colo-止赎承诺“,”已完成“:” 1“,”已接收“:” 1“},{”子过程“:” 07/01 / 2001-Colo-抵押保证“ ,“已完成”:“ 3”,“已接收”:“ 3”},{“子过程”:“ 07/01 / 2001-Colo-NMRefi”,“已完成”:“ 6”,“已接收”:“ 6” },{“ Subprocess”:“ 07/01 / 2001-Colo-NMResa”,“ Com pleted“:” 5“,” Receiveved“:” 5“},{” Subprocess“:” 07/01 / 2001-Colo-Ref“,” Completed“:” 62“,” Recived“:” 62“}, {“ Subprocess”:“ 07/01 / 2001-Colo-Resa”,“ Completed”:“ 69”,“ Receiveved”:“ 69”},{“ Subprocess”:“ 07/02 / 2001-Colo-止赎承诺“,”已完成“:” 1“,”已接收“:” 1“},{”子过程“:” 07/02 / 2001-Colo-抵押保证“,”已完成“:” 2“,”已接收“:” 2“},{” Subprocess“:” 07/02 / 2001-Colo-NMRefi“,” Completed“:” 12“,” Received“:” 12“},{” Subprocess“:” 07/02 / 2001- Colo-NMResa”,“已完成”:“ 12”,“已接收”:“ 12”},{“子过程”:“ 07/02 / 2001-Colo-Ref”,“已完成”:“ 115”,“已接收” :“ 115”},{“ Subprocess”:“ 07/02 / 2001-Colo-Resa”,“ Completed”:“ 73”,“ Receiveved”:“ 73”},{“ Subprocess”:“ 07/02 / 2001-Colo-Title保证”,“已完成”:“ 1”,“已接收”:“ 1”},{“子过程”:“ 07/03 / 2001-Colo-抵押保证”,“已完成”:“ 3” ,“已收到”:“ 3”},{“子进程”:“ 07/03 / 2001-Colo-NMRefi”,“已完成”:“ 21”,“已接收”:“ 21”},{“子进程”:” 07/03 / 2001-Colo-NMResa”,“已完成”:“ 2”,“已接收”:“ 2”},{“子过程”:“ 07/03 / 2001-Colo-Ref”,“已完成”:” 79“,”已收到“:” 79“},{” Subprocess“:” 07/03 / 2001-Colo-Resa“,” Completed“:” 137“,” Receiveved“:” 137“},{” Subprocess“:” 07/04 / 2001- Colo止赎承诺”,“已完成”:“ 1”,“已收到”:“ 1”},{“子过程”:“ 07/04 / 2001-Colo-NMRefi”,“已完成”:“ 2”,“已收到” “:” 2“},{”子过程“:” 07/04 / 2001-Colo-NMResa“,”已完成“:” 6“,”已接收“:” 6“},{”子过程“:” 07/04 / 2001-Colo-Resa“,”已完成“:” 79“,”已接收“:” 79“}]

条形图应在分组的条形图中显示基于分组日期的已完成订单,其中x轴应显示唯一日期,而相同唯一日期的已完成订单应分组并绘制在条形图上。

0 个答案:

没有答案