PHP前端开发

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

百变鹏仔 2个月前 (11-26) #echarts
文章标签 坐标

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轴坐标混乱的情况。