Echarts柱状图显示后台数据,x轴坐标混乱如何解决?

echarts柱状图显示后台数据,x轴坐标混乱如何解决?

echarts从后台获取数据显示在柱状图上,数据混乱

在使用echarts的柱状图显示从后台获取的数据时,如果x轴的坐标显示混乱,可能是转换方式有误。

修改以下代码:

foreach (pub_paramdetail i in _fys){  list.add(i.pdetail_name);}

登录后复制

将list中的值改成:

list.add(i.pdetail_name.tostring());

登录后复制

将id为”shuju”的div元素作为echarts图表容器,重新定义option对象,并赋予mychart对象:

var myChart = echarts.init(document.getElementById('shuju'));option = {  xAxis: [{    data: ['待审核重大隐患', '挂牌中重大隐患', '逾期未整改隐患', '一般隐患', '梅溪镇', '溪龙乡', '鄣吴镇', '孝丰镇', '报福镇', '章村镇', '上墅乡', '天子湖镇', '杭垓镇', '山川乡','天荒坪镇']  }]  // ...省略其他代码};

登录后复制

以上操作可以解决x轴坐标混乱的情况。

以上就是Echarts柱状图显示后台数据,x轴坐标混乱如何解决?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2659897.html

(0)
上一篇 2025年3月7日 10:40:03
下一篇 2025年2月24日 20:56:46

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论