javascript - Highcharts 生成不正确

Question

我正在获取如下 json 格式的数据

 <?php $monthlyParticipation='[{"project_title":"test project 44","project_ref_id":"113","amount":"13000.00","months":"Feb"},{"project_title":"sdsdsd","project_ref_id":"112","amount":"50000.00","months":"Mar"},{"project_title":"testing123","project_ref_id":"104","amount":"232323.00","months":"Mar"},{"project_title":"hello wolrd","project_ref_id":"111","amount":"30000.00","months":"Mar"},{"project_title":"road construction","project_ref_id":"108","amount":"1000.00","months":"Apr"},{"project_title":"sdsdsd","project_ref_id":"112","amount":"2000.00","months":"Apr"},{"project_title":"sdsdsd","project_ref_id":"112","amount":"354357.00,30000.00","months":"May"}]'; ?>

月份必须以 x 轴表示。 在 y 轴中，project_title 作为 series 下的名称， 作为系列下数据的金额

我尝试过以下代码 https://jsfiddle.net/neb22v3j/1/

但是生成的图表不正确。与json数据不匹配

x 轴必须是月份，y 轴应根据项目标题显示金额。我尝试的是将一个月的金额分配给其他月份。该金额与其显示的月份无关。

请帮我解决这个问题

Answer 1

为了将您的积分分配到正确的月份，您必须传递 null 作为所有没有数据的月份的值。

我编写了一个新函数来解析数据，如果项目没有当前月份的值，则将数据点值设置为 null。 (查看代码中的注释)

JSfiddle