|
|
|
// pages/member/member.js
|
|
|
|
import * as echarts from '../../ec-canvas/echarts';
|
|
|
|
const app =getApp()
|
|
|
|
|
|
|
|
|
|
|
|
function initChart1(canvas, width, height) {
|
|
|
|
const chart = echarts.init(canvas, null, {
|
|
|
|
width: width,
|
|
|
|
height: height
|
|
|
|
});
|
|
|
|
canvas.setChart(chart);
|
|
|
|
|
|
|
|
var option = {
|
|
|
|
title: {
|
|
|
|
text: '',
|
|
|
|
left: 'center'
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
toolbox: {
|
|
|
|
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
boundaryGap: false,
|
|
|
|
data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'],
|
|
|
|
axisLabel: {
|
|
|
|
interval: 1,
|
|
|
|
},
|
|
|
|
name: '日期'
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
type: 'value',
|
|
|
|
axisLabel: {
|
|
|
|
formatter: '{value}'
|
|
|
|
},
|
|
|
|
min: 10,
|
|
|
|
max: 100,
|
|
|
|
splitNumber: 10,
|
|
|
|
name: '人数'
|
|
|
|
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: '',
|
|
|
|
type: 'line',
|
|
|
|
smooth: true,
|
|
|
|
color: '#A8ACE8',
|
|
|
|
data: [41, 87, 35, 23, 42, 33, 40,30,50,80],
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
{ type: 'min', name: '最小值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
markLine: {
|
|
|
|
data: [
|
|
|
|
{ type: 'average', name: '平均值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
// areaStyle: {
|
|
|
|
// // normal: {
|
|
|
|
// // color: '#F8E9DD' //改变区域颜色
|
|
|
|
// // }
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
|
|
|
|
Page({
|
|
|
|
|
|
|
|
onShareAppMessage: function (res) {
|
|
|
|
return {
|
|
|
|
title: 'ECharts 可以在微信小程序中使用啦！',
|
|
|
|
path: '',
|
|
|
|
success: function () { },
|
|
|
|
fail: function () { }
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 页面的初始数据
|
|
|
|
*/
|
|
|
|
data: {
|
|
|
|
state:1,
|
|
|
|
timestate:1,
|
|
|
|
ec1: {
|
|
|
|
|
|
|
|
onInit: initChart1,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
statedate: '',
|
|
|
|
showdate: "",
|
|
|
|
watertime: '',
|
|
|
|
timesel:1
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面加载
|
|
|
|
*/
|
|
|
|
onLoad: function (options) {
|
|
|
|
this.setData({
|
|
|
|
statedate: app.monthnowDate(),
|
|
|
|
watertime: app.newnowDate() + '-' + app.snewnowDate()
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log(this.data.statedate)
|
|
|
|
let newdate = this.data.statedate.split("-");
|
|
|
|
this.setData({
|
|
|
|
showdate: newdate[0]+'年'+newdate[1]+'月'
|
|
|
|
})
|
|
|
|
},
|
|
|
|
|
|
|
|
selectshebei(e) {
|
|
|
|
this.setData({
|
|
|
|
state: e.currentTarget.dataset.id
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 选择时间和摄像头切换
|
|
|
|
seltime(e){
|
|
|
|
this.setData({
|
|
|
|
timestate:e.currentTarget.dataset.id
|
|
|
|
})
|
|
|
|
},
|
|
|
|
|
|
|
|
//开始时间和结束时间切换
|
|
|
|
xuanshijan(e){
|
|
|
|
this.setData({
|
|
|
|
timesel:e.currentTarget.dataset.time
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 选择日期
|
|
|
|
bindstateDateChange(e) {
|
|
|
|
console.log('picker发送选择改变，携带值为', e.detail.value)
|
|
|
|
this.setData({
|
|
|
|
statedate: e.detail.value
|
|
|
|
})
|
|
|
|
let newdate = this.data.statedate.split("-");
|
|
|
|
this.setData({
|
|
|
|
showdate: newdate[0] + '年' + newdate[1] + '月'
|
|
|
|
})
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
|
*/
|
|
|
|
onReady: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面显示
|
|
|
|
*/
|
|
|
|
onShow: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
|
*/
|
|
|
|
onHide: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
|
*/
|
|
|
|
onUnload: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
|
*/
|
|
|
|
onPullDownRefresh: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
|
*/
|
|
|
|
onReachBottom: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 用户点击右上角分享
|
|
|
|
*/
|
|
|
|
onShareAppMessage: function () {
|
|
|
|
|
|
|
|
}
|
|
|
|
}) |
|
|
\ No newline at end of file |
...
|
...
|
|
