Echart从数据库获取数据显示

guyi5 2016-06-08 10:04:26
最近在用Echats来做数据显示,总是数据显示不出来,请大家帮帮忙看看什么问题,谢谢!
jsp代码如下:
<div id="main" style="height: 500px"></div>

js代码如下:

</script> -->
<script type="text/javascript">
var myChart;
//--- 折柱 ---
myChart = echarts.init(document.getElementById('main'));
//图表显示提示信息
myChart.showLoading({
text: "图表数据正在努力加载..."
});
var option = {
title: {
text: '性能数据采集入库效率趋势图',
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: []
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01]
},
yAxis: {
type: 'category',
data: []
},
series: []
};

//通过Ajax获取数据
$.ajax({
type: "post",
async: false, //同步执行
url: "task/result_charts",
dataType: "json", //返回数据形式为json
success: function (result) {
if (1) {
//后台返回的数据格式如下:
var result = [ { "NEID":"2014", "type":"bar", "data":[51, 2, 43],"CT":"20160608"} ,{ "NEID":"2015", "type":"bar", "data":[55, 36, 4] ,"CT":"20160508"},{ "NEID":"2016", "type":"bar", "data":[5, 20, 40],"CT":"20160408"}];
for(i in result){
option.yAxis.data =result[i].CT;
option.legend.data = result[i].NEID;
option.series[i].name = result[i].NEID;
option.series[i].type = result[i].type;
option.series[i].data = result[i].data;
myChart.setOption(option);
}
myChart.hideLoading();
}
},
error: function (errorMsg) {
alert("加载失败!");
}
});
</script>


我希望的效果如下(这是静态代码实现的):
...全文
424 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhufangnice 2019-04-14
  • 打赏
  • 举报
回复
请问有源代码吗

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧