3,143
社区成员
发帖
与我相关
我的任务
分享wxCharts显示已经获取到的后台数据显示unvalid series data
var jsonObject = new Array();
var array=new Array();
jsonObject = res.data
console.log(jsonObject[0].Cash)
for(var i=0;i<2;i++){
array[i] = jsonObject[i].Cash
console.log(array[0])
控制台显示数据已经获取到了
new wxCharts({
canvasId: 'lineCanvas',
type: 'line',
categories: [dateArray[0], dateArray[1], dateArray[2], dateArray[3], dateArray[4], dateArray[5], dateArray[6], dateArray[7]],
series: [{
name: '日流水',
data: [array[1], 315, 222, 345, 337, 264, 328, 234],
format: function (val) {
return val.toFixed(2) + '元'
}
}],
var array=new Array();
jsonObject = res.data
console.log(jsonObject[0].Cash)
for(var i=0;i<2;i++){
array[i] = jsonObject[i].Cash
console.log(array[0])
控制台显示数据已经获取到了
new wxCharts({
canvasId: 'lineCanvas',
type: 'line',
categories: [dateArray[0], dateArray[1], dateArray[2], dateArray[3], dateArray[4], dateArray[5], dateArray[6], dateArray[7]],
series: [{
name: '日流水',
data: [array[1], 315, 222, 345, 337, 264, 328, 234],
format: function (val) {
return val.toFixed(2) + '元'
}
}],
...全文
请发表友善的回复…
发表回复
止fan 2020-03-18
- 打赏
- 举报
请问大神，上面贴的代码是正确的吗，可以成功绘制出图标的代码吗
一只LadyBug 2018-04-19
- 打赏
- 举报
//pages/DriverData/DriverData.js
var wxCharts = require('../../utils/wxcharts.js')
var Openid = ''
var Cash=''
var Violation=''
var Hincome=''
var lineDate=''
var dateArray=''
var jsonObject=''
var array=''
var data1=''
Page({
/**
* 页面的初始数据
*/
data: {
Openid:'',
Cash:0,
Violation:0,
Hincome:0,
lineDate:'',
dateArray:'',
array:'',
data1:''
// ec: {
// onInit: initChart
// }
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var Openid = options.openid
var that = this
that.data.Openid = Openid
var myDate = new Date();
var date = myDate.getTime()
console.log('用户的openid为', that.data.Openid)
console.log('用户的查询时间为', myDate)
wx.request({//通过openid搜索用户数据
url: 'http://localhost:23711/api/Data/GetData',
data: {
Openid: Openid,
// Cash:'',
// Violation: '',
// Hincome: ''
},
method: 'POST',
header: { 'content-type': 'application/json' },
success: function (res) {
console.log(res.data)
//var jsonObject = res.data
Cash=res.data.Cash
Hincome=res.data.Hincome
Violation=res.data.Violation
//console.log(jsonObject[0].Cash)
// Cash = jsonObject.Cash
// Hincome = jsonObject.Hincome
// Violation = jsonObject.Violation
that.setData({
Cash:Cash,
Violation: Violation,
Hincome: Hincome
})
},
fail: function (res) {
console.log('submit fail');
wx.showModal({
title: '查询失败',
content: '数据库中没有您的数据',
showCancel: false,
cancelText: '',
cancelColor: '',
confirmText: '确定',
confirmColor: '',
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
},
})
/////////画图表//////////
//获取横轴日期
var lineDate = new Date(); //获取今天日期
lineDate.setDate(lineDate.getDate() - 7);//获取七天前日期
var dateArray = [];
var dateTemp;
var flag = 1;
dateTemp = (lineDate.getMonth() + 1) + "-" + lineDate.getDate();
for (var i = 0; i <= 7; i++) {
dateArray[i] = (lineDate.getMonth() + 1) + "-" + (lineDate.getDate() + i);
}
//折线图数据获取
wx.request({//通过openid搜索用户数据
url: 'http://localhost:23711/api/Data/GetCashFlow',
data: {
Openid: Openid,
},
method: 'POST',
header: { 'content-type': 'application/json' },
success: function (res) {
console.log(res.data)
var jsonObject = new Array();
var array=new Array();
jsonObject = res.data
console.log(jsonObject[0].Cash)
for(var i=0;i<2;i++){
array[i] = jsonObject[i].Cash
}
console.log(array[0])
var data1=array[0]
console.log(data1);
that.setData({
jsonObject:jsonObject,
array:array,
data1:data1
})
console.log(that.data.data1)
},
fail: function (res) {
console.log('submit fail');
wx.showModal({
title: '查询失败',
content: '数据库中没有您的数据',
showCancel: false,
cancelText: '',
cancelColor: '',
confirmText: '确定',
confirmColor: '',
success: function (res) { },
fail: function (res) { },
complete: function (res) { },
})
},
})
let windowWidth = 320;
try {
let res = wx.getSystemInfoSync();
windowWidth = res.windowWidth;
} catch (e) {
// do something when get system info failed
}
new wxCharts({
canvasId: 'lineCanvas',
type: 'line',
categories: [dateArray[0], dateArray[1], dateArray[2], dateArray[3], dateArray[4], dateArray[5], dateArray[6], dateArray[7]],
series: [{
name: '日流水',
data:
[that.data.data1, 315,222, 345, 337, 264, 328]
}],
yAxis: {
title: '金额 (元)',
format: function (val) {
return val.toFixed(2);
},
min: 0
},
width: windowWidth - 15,// 屏幕超出15px
height: windowWidth / 2
});
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
let windowWidth = 320;
try {
let res = wx.getSystemInfoSync();
windowWidth = res.windowWidth;
} catch (e) {
// do something when get system info failed
}
// for (var i = 0; i < 7; i++) {
// //设置日期格式
// dateTemp = (lineDate.getMonth() + 1) + "-" + lineDate.getDate();
// dateArray.push(dateTemp);//数组形式
// lineDate.setDate(lineDate.getDate() + flag);//获取七天前到现在的日期
// //console.log(lineDate);
// //console.log(dateArray);
// console.log(dateTemp);
// }
// console.log(dateArray);
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
一只LadyBug 2018-04-19
- 打赏
- 举报
var data1=array[0]
that.setData({
jsonObject:jsonObject,
array:array,
data1:data1
})
然后赋值，得到的值是0
一只LadyBug 2018-04-19
- 打赏
- 举报
最后使用了闭包方法得到wx.request方法内的参数，然后设置定时器使得wxCharts在wx.request运行结束后执行，完美解决了得不到参数的问题
