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) + '元'
}
}],
uj5u.com熱心網友回復：
var data1=array[0]that.setData({
jsonObject:jsonObject,
array:array,
data1:data1
})
然后賦值，得到的值是0
uj5u.com熱心網友回復：
//pages/DriverData/DriverData.jsvar 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 () {
}
})
uj5u.com熱心網友回復：
最后使用了閉包方法得到wx.request方法內的引數，然后設定定時器使得wxCharts在wx.request運行結束后執行，完美解決了得不到引數的問題uj5u.com熱心網友回復：
請問大神，上面貼的代碼是正確的嗎，可以成功繪制出圖示的代碼嗎轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/53222.html
標籤：微信開發
上一篇：求助！運行專案的時候卡在app:mergeDebugResources里的Execute taskAction$gradle，然后就變紅了，報錯內容是
下一篇：webview 無法捕獲按鍵訊息