获取到后台数据后,用echarts画柱状图不显示的问题

前话:以前用echarts开发项目的时候根本就没有遇到过这种问题。

用echarts画柱状图,在拿到后台传递的数据的时候,页面依旧没有渲染成功,也没有报错,换用假数据试了一下,发现可以显示,并且排除了

1.legend内的data值与series内的name值不一致的原因。


获取到后台数据后,用echarts画柱状图不显示的问题_第1张图片

2.没有给canvas设定宽高值的原因


debug到这里,就已经知道是数据渲染出了问题了。

再三仔细检查代码的时候,发现自己宛如一个智障!!!!!

错误原因:把xAxis里面的值与series中的data值写反了!!!!x轴名称渲染的是数据,然后 数据那却渲染名称,是汉字。导致series里面的数据类型不是number!!

正确的写法是:

xAxis:{

data:datas.names

},

series:[{

name:'年龄',

type:'bar',

data:datas.ages

}]


大家切记不要再放我这个错了 向这种没有报错数据又出不来的错 要不是我多试了几遍debug 估计会把自己逼疯

以下:附上官文


获取到后台数据后,用echarts画柱状图不显示的问题_第2张图片

你可能感兴趣的:(获取到后台数据后,用echarts画柱状图不显示的问题)