在wex5中怎么用js查询数据库中的数据，并遍历出来？

liangyongfei · 发表于 2016-12-29 10:32:34

爱喝牛奶的面包发表于 2016-12-29 09:43

剩下的就是需要你调试js 代码，看下生成的数据格式是否有异常？
http://docs.wex5.com/js-debug/

爱喝牛奶的面包 · 发表于 2016-12-29 14:24:40

报的时这错误，是什么意思啊，怎么解决？

liangyongfei · 发表于 2016-12-29 14:48:45

本帖最后由 liangyongfei 于 2016-12-29 14:50 编辑

爱喝牛奶的面包发表于 2016-12-29 14:24
报的时这错误，是什么意思啊，怎么解决？

搜下你的代码中有没有写series  这样的变量？？
报错信息应该是series[0]  这个数组元素中第一项的值不存在！

你调试看看 myChart 这个对象的值是什么？？符合echarts 的规范吗？
应该是  series  没有数据导致的

爱喝牛奶的面包 · 发表于 2016-12-29 14:58:22

我知道事这块没有传进去值，但是我不知道怎么传进去啊

爱喝牛奶的面包 · 发表于 2016-12-29 14:58:58

这是现在js代码

define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
var util = require("$UI/system/components/justep/common/common");
require("$UI/demo/takeoutAdmin/dist/echarts-all");
var Model = function(){
//this.isVisible = util.flag;
this.callParent();
};
Model.prototype.modelLoad = function(event){
var names = [];
var numbers = [];
this.comp("mainData").each(function(param){
names.push(param.row.val('fName')); //获取数据库fName字段遍历出来;
numbers.push(param.row.val('number')); //获取数据库的number字段遍历出来;
});
function mainData(cb){
//alert(JSON.stringify(numbers));
//alert(JSON.stringify(names));
setTimeout(function(){
// var json = {};
/*
for(var i=0;i<names.length;i++){
json[i]=names[i];
}
for(var y=0;y<numbers.length;y++){
json[y]=numbers[y];
}
*/
cb({
categories : names,
data : numbers
});
});
}
var option = { //初始 option
title:{
text : '异步数据加载' ,
subtext : 'y轴为什么不显示出来呢',
x : 'center',
y : 'top',
textAlign : 'center'
},
tooltip : { //提示框，鼠标悬浮交互时的信息提示;
trigger : 'axis'
},
legend : { //图例;
data : ['数量']
},
calculable : true,
xAxis : [{ //设置ECharts图表组件内X轴刻度的样式;
data : []
}],
yAxis : [], //设置ECharts图表组件内y轴刻度的样式
series : [{
name : '数量',
type : 'bar',
data : []
}]
};
//简单的加载动画;
// myChart.showLoading();
//异步加载数据;
mainData(function(data){
debugger;
//myChart.hideLoading();
// alert(data.categories);
// alert(data.data);
myChart.setOption({ //使用刚指定的配置项和数据显示图表。
xAxis : [{
data : data.categories
}],
series : [{ //驱动图表生成的数据内容数组
name : '数量',
data : data.data
}]
});
});
var myChart = echarts.init(this.getElementByXid('detail')); // 基于准备好的dom，初始化echarts实例
};
return Model;
});

复制代码

liangyongfei · 发表于 2016-12-29 15:15:28

爱喝牛奶的面包发表于 2016-12-29 14:58
这是现在js代码

你调试下跟一下代码啊！
看看
执行这段代码的时候
cb({
                     categories : names,
                     data : numbers
                  })

numbers 是什么？？里面有值吗？

爱喝牛奶的面包 · 发表于 2016-12-29 15:28:50

有值啊，我alert(data.data)一下，有值啊

liangyongfei · 发表于 2016-12-29 15:30:52

爱喝牛奶的面包发表于 2016-12-29 15:28
有值啊，我alert(data.data)一下，有值啊

有值就没问题啊！
建议你先使用静态数据！在series 　中定义写死，看下是否可以显示出来！然后再动态生成　，和静态的数据一样的　　，就可以显示了！

爱喝牛奶的面包 · 发表于 2016-12-29 15:39:36

我在series里面把数据写死了，也显示不出来，这是为什么，整不懂了

liangyongfei · 发表于 2016-12-29 15:47:14

爱喝牛奶的面包发表于 2016-12-29 15:39
我在series里面把数据写死了，也显示不出来，这是为什么，整不懂了

这就需要慢慢调，你第一页中的图是如何显示出来的呢？？
还按照那个可以显示的源码，静态数据改成动态数据的，只要格式对就能显示！

		自动登录	找回密码
密码			注册

[结贴] 在wex5中怎么用js查询数据库中的数据，并遍历出来？