前话：以前用echarts开发项目的时候根本就没有遇到过这种问题。
用echarts画柱状图，在拿到后台传递的数据的时候，页面依旧没有渲染成功，也没有报错，换用假数据试了一下，发现可以显示，并且排除了
1.legend内的data值与series内的name值不一致的原因。
2.没有给canvas设定宽高值的原因
debug到这里，就已经知道是数据渲染出了问题了。
再三仔细检查代码的时候，发现自己宛如一个智障！！！！！
错误原因：把xAxis里面的值与series中的data值写反了！！！！x轴名称渲染的是数据，然后 数据那却渲染名称，是汉字。导致series里面的数据类型不是number!!
正确的写法是：
xAxis:{
data:datas.names
},
series:[{
name:'年龄',
type:'bar',
data:datas.ages
}]
大家切记不要再放我这个错了 向这种没有报错数据又出不来的错 要不是我多试了几遍debug 估计会把自己逼疯
以下：附上官文
前话：以前用echarts开发项目的时候根本就没有遇到过这种问题。 用echarts画柱状图，在拿到后台传递的数据...
柱状图获取后台数据展示： 饼图获取后台数据展示： 前端实现方法： var myChart = echarts.in...
使用Vue做后台管理系统的时候避免不了使用Echarts来展示对应的数据，下面是使用Echarts柱状图来展示对应...
原理：当点击上传时,则调用JS的函数用ajax像后台发送数据。后台接收数据后使用$_FILES获取。获取到后新建一...
echarts异常显示，柱状图中的柱宽超出y轴[https://blog.csdn.net/daxianghaos...
以echarts的柱状图作为示例，图例可以设置点击，控制对应的柱子显示隐藏，那么问题来了，如果所有的柱子都可以点击...
前言：最近用echarts画地图，由于客户要求，需要显示贵安新区，但是echarts的json是没有贵安新区的经纬...
需求： ECharts 柱状图，鼠标放在上面的时候会虚线显示 Y 轴高度，可是我的柱状图是统计人数的，出现 1.5...
此篇中先展示效果，随后再解释代码 如图所示，有一个柱状图有一条折线图其中柱状图显示的是我从后台获取的数据折线图显示...
这几天做项目遇到个需求：默认情况下echarts柱状图x轴数据为今天(不含)至前7天的所有日期(年月日，/格式显示...
本文标题：获取到后台数据后，用echarts画柱状图不显示的问题
本文链接：https://www.haomeiwen.com/subject/epediftx.html
网友评论