Javascript 数据和标签json数组未显示在图表上
我使用highcharts显示从json文件中获取的数据的条形图 出于某种原因,我尝试了以下条形图的highcharts示例,我的条形图没有在图表上显示任何内容,也没有给我错误 这就是我加载标签和数据值的json数据的方式-我返回我想要的数据,但显示问题是:Javascript 数据和标签json数组未显示在图表上,javascript,json,highcharts,Javascript,Json,Highcharts,我使用highcharts显示从json文件中获取的数据的条形图 出于某种原因,我尝试了以下条形图的highcharts示例,我的条形图没有在图表上显示任何内容,也没有给我错误 这就是我加载标签和数据值的json数据的方式-我返回我想要的数据,但显示问题是: chartLabel: any[] = []; chartValue: any[] = []; this.serviceFile.getData().subscribe( data => { th
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>
我不确定我创建json数据数组的方式是否适合highcharts
我在console.log中注意到数据打印的方式不同,我认为这是问题的原因,也许了解一下这一点会有所帮助:
此.chartValue的打印输出:
(3)[12,34,54]
这应该是什么样子的:
12,34,54
实际创建图表的代码是什么样子的?您验证过this.chartValue和this.chartLabel中的值吗?@BarbaraLaird是的,我验证了
this.chartValue
和this.chartLabel
中的值。上面的代码是创建图表的代码,我只是把它放在我的组件文件中。当我运行代码时,我会看到标题和系列标签,但图表本身没有条形图。this.chartValue是什么?series.data必须是数字/数组/对象的数组。
12,34,54