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轴坐标混乱如何解决？》的详细内容，更多关于的资料请关注golang学习网公众号！