
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轴坐标混乱如何解决?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号