json - 如何使用 Angular-highcharts 显示 json 数据？

Question

我正在使用 Angular + 节点仪表板应用程序，并且无法在 highcharts 中显示 JSON 数据

JSON响应： [{"output":"FAIL","count":"4"},{"output":"PASS","count":"17"}]

public uat_deployment_chart_options: Highcharts.Options;

//this is the method I created to fetch the data
public get_uat_deployment_data() {
    this.uat_deployment_subscription = this.curl_connection
      .get_uat_deployment_data()
      .subscribe(data => {
        this.uat_deployment_data = data;

        this.uat_deployment_data.forEach(val => {
          val.count = parseInt(val.count)
        });

        this.uat_deployment_chart_options = {
          title: {
            text: "UAT Deployments"
          },
          series: [
            {
              data: this.uat_deployment_data,
              type: "pie",
              colors: ["#F44336", "#CDDC39"]
            }
          ],
          credits: {
            enabled: false
          },
        };
      });
  }

如果我手动粘贴数据并将对象键分别更改为“name”和“y”，则会显示数据，否则我什么也得不到

[{ "name": "FAIL", "y": 3 }, { "name": "PASS", "y": 16 }]

标签： jsonangularhighcharts