qq_41186627
2018-12-05 11:58x轴为什么显示undefined??
```<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>异步加载后台数据</title>
<link href="css/index.css" type="text/css" rel="stylesheet" />
<script src="js/jquery.js"></script>
<script src="js/echarts.js"></script>
</head>
<body>
<div id="container">
<h3>开始测试</h3>
<div id="wrap"></div>
<script>
// 初始化 图表对象
var mychart = echarts.init(document.getElementById("wrap"));
// 初始化两个数组,盛装从数据库中获取到的数据
var teachers_tits = [], respro_num = [];
//调用ajax来实现异步的加载数据
function get_resproject() {
$.ajax({
type: "post",
async: false,
url: "config.php",
data: {},
dataType: "json",
success: function(result){
if(result){
for(var i = 0 ; i < result.length; i++){
teachers_tits.push(result[i].teachers_tits);
respro_num.push(result[i].respro_num);
}
}
},
error: function() {
alert("Ajax获取服务器数据出错了!");
//return teachers_tits, respro_num;
}
});
return teachers_tits,respro_num;
}
// 执行异步请求
get_resproject();
// 进行相关项的设置,也就是所谓的搭搭骨架,方便待会的ajax异步的数据填充
var option = {
title : {
text : '职称科研项目数量图'
},
tooltip : {
show : true
},
legend : {
data : [ '项目数量' ]
},
xAxis : [ {
data : teachers_tits
} ],
yAxis : [ {
type : 'value'
} ],
series : [ {
"name" : "项目数量",
"type" : "bar",
"data" : respro_num
}]
};
// 将配置项赋给chart对象,来显示相关的数据
mychart.setOption(option);
</script>
</div>
</body>
</html>
- 点赞
- 回答
- 收藏
- 复制链接分享
1条回答
为你推荐
- 为什么无法调用构造函数?代码应该怎样修改?
- c语言
- c++
- 3个回答
- Highcharts不显示x轴的所有内容
- highcharts
- laravel
- php
- 1个回答
- 为什么双Y轴右边的Y坐标轴刻度不是从0开始,而是数据本身的y值?
- python
- 2个回答
- 多种属性X轴曲线图,详情附页图
- android
- 1个回答
- fusioncharts做折线图报表的时候由于x轴数据较长,出现滚动条,如何去掉滚动条同时保证x轴数据显示全
- fusioncharts
- java
- js
- jquery
- 0个回答
换一换