数据和标签json数组未显示在图表上

Question

我正在使用highcharts来显示我从json文件获取的数据的条形图。

由于某种原因，我尝试按照条形图的高图示例，因为我没有在图表上显示任何内容，也没有给我一个错误。

这就是我如何为标签和数据值加载我的json数据 - 我正在返回我想要的数据但显示的问题：

chartLabel: any[] = [];
chartValue: any[] = [];

this.serviceFile.getData().subscribe(
        data => {
          this.result = data;
          this.result.forEach(graph =>{
            this.chartLabel.push(graph.labelName);
            this.chartValue.push(graph.value);
          })
      });

HTML：

<chart [options]="options"></chart>

图表选项：

this.options = {
          chart: {
                type: 'bar',
                margin: 75
            },
            xAxis: {
                categories: this.chartLabel,
                title: {
                    text: null
                }
            },
            yAxis: {
                min: 0,
                labels: {
                    overflow: 'justify'
                }
            },
            plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            series: [{
                data: this.chartValue
            }]
      };

我不确定我创建json数据数组的方式是否适用于highcharts图表。

我在我的console.log中注意到数据打印的方式不同，我认为这是导致问题的原因，也许这方面的一些启示会有所帮助： printout for this.chartValue：

(3)[12,34,54]

这应该是什么样的：

12,34,54