|
|
|
// pages/companybox/qiyeyuebao/qiyeyuebao.js
|
|
|
|
import * as echarts from '../../../ec-canvas/echarts';
|
|
|
|
const app=getApp()
|
|
|
|
// 开平机1
|
|
|
|
function initChart1(canvas, width, height) {
|
|
|
|
const chart = echarts.init(canvas, null, {
|
|
|
|
width: width,
|
|
|
|
height: height
|
|
|
|
});
|
|
|
|
canvas.setChart(chart);
|
|
|
|
|
|
|
|
var option = {
|
|
|
|
title: {
|
|
|
|
text: '开平机01每日开工时间',
|
|
|
|
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: 1,
|
|
|
|
max: 24,
|
|
|
|
splitNumber: 24,
|
|
|
|
name: '小时(h)'
|
|
|
|
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: '',
|
|
|
|
type: 'line',
|
|
|
|
smooth: true,
|
|
|
|
color: '#FCB237',
|
|
|
|
data: [11, 11, 15, 13, 12, 13, 10],
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
{ type: 'min', name: '最小值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
markLine: {
|
|
|
|
data: [
|
|
|
|
{ type: 'average', name: '平均值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
// areaStyle: {
|
|
|
|
// // normal: {
|
|
|
|
// // color: '#F8E9DD' //改变区域颜色
|
|
|
|
// // }
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
// 开平机2
|
|
|
|
function initChart2(canvas, width, height) {
|
|
|
|
const chart = echarts.init(canvas, null, {
|
|
|
|
width: width,
|
|
|
|
height: height
|
|
|
|
});
|
|
|
|
canvas.setChart(chart);
|
|
|
|
|
|
|
|
var option = {
|
|
|
|
title: {
|
|
|
|
text: '开平机02每日开工时间',
|
|
|
|
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: 1,
|
|
|
|
max: 24,
|
|
|
|
splitNumber: 24,
|
|
|
|
name: '小时(h)'
|
|
|
|
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: '',
|
|
|
|
type: 'line',
|
|
|
|
smooth: true,
|
|
|
|
color: '#FCB237',
|
|
|
|
data: [11, 11, 15, 13, 12, 13, 10],
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
{ type: 'min', name: '最小值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
markLine: {
|
|
|
|
data: [
|
|
|
|
{ type: 'average', name: '平均值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
// areaStyle: {
|
|
|
|
// // normal: {
|
|
|
|
// // color: '#F8E9DD' //改变区域颜色
|
|
|
|
// // }
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
|
|
|
|
// 开工月累计时间
|
|
|
|
function initChart3(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: 1,
|
|
|
|
max: 24,
|
|
|
|
splitNumber: 24,
|
|
|
|
name: '小时(h)'
|
|
|
|
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: '',
|
|
|
|
type: 'line',
|
|
|
|
smooth: true,
|
|
|
|
color: '#AF56D7',
|
|
|
|
data: [11, 11, 15, 13, 12, 13, 10],
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
{ type: 'min', name: '最小值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
markLine: {
|
|
|
|
data: [
|
|
|
|
{ type: 'average', name: '平均值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
// areaStyle: {
|
|
|
|
// // normal: {
|
|
|
|
// // color: '#F8E9DD' //改变区域颜色
|
|
|
|
// // }
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
// 半年度开工时间对比
|
|
|
|
function initChart4(canvas, width, height) {
|
|
|
|
const chart = echarts.init(canvas, null, {
|
|
|
|
width: width,
|
|
|
|
height: height
|
|
|
|
});
|
|
|
|
canvas.setChart(chart);
|
|
|
|
|
|
|
|
var option = {
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
type: 'value'
|
|
|
|
},
|
|
|
|
series: [{
|
|
|
|
data: [120, 200, 150, 80, 70, 110, 130],
|
|
|
|
type: 'bar'
|
|
|
|
}]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
// 企业每日电耗
|
|
|
|
function initChart5(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: 1,
|
|
|
|
max: 24,
|
|
|
|
splitNumber: 24,
|
|
|
|
name: '小时(h)'
|
|
|
|
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: '',
|
|
|
|
type: 'line',
|
|
|
|
smooth: true,
|
|
|
|
color: '#6495F8',
|
|
|
|
data: [11, 11, 15, 13, 12, 13, 10],
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
{ type: 'min', name: '最小值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
markLine: {
|
|
|
|
data: [
|
|
|
|
{ type: 'average', name: '平均值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
// areaStyle: {
|
|
|
|
// // normal: {
|
|
|
|
// // color: '#F8E9DD' //改变区域颜色
|
|
|
|
// // }
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
// 企业每日电耗
|
|
|
|
function initChart6(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: 1,
|
|
|
|
max: 24,
|
|
|
|
splitNumber: 24,
|
|
|
|
name: '小时(h)'
|
|
|
|
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: '',
|
|
|
|
type: 'line',
|
|
|
|
smooth: true,
|
|
|
|
color: '#6495F8',
|
|
|
|
data: [11, 11, 15, 13, 12, 13, 10],
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
{ type: 'min', name: '最小值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
markLine: {
|
|
|
|
data: [
|
|
|
|
{ type: 'average', name: '平均值' }
|
|
|
|
]
|
|
|
|
},
|
|
|
|
// areaStyle: {
|
|
|
|
// // normal: {
|
|
|
|
// // color: '#F8E9DD' //改变区域颜色
|
|
|
|
// // }
|
|
|
|
// },
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
// 半年度企业电耗对比
|
|
|
|
function initChart7(canvas, width, height) {
|
|
|
|
const chart = echarts.init(canvas, null, {
|
|
|
|
width: width,
|
|
|
|
height: height
|
|
|
|
});
|
|
|
|
canvas.setChart(chart);
|
|
|
|
|
|
|
|
var option = {
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
type: 'value'
|
|
|
|
},
|
|
|
|
series: [{
|
|
|
|
data: [120, 200, 150, 80, 70, 110, 130],
|
|
|
|
type: 'bar'
|
|
|
|
}]
|
|
|
|
};
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
function initChart8(canvas, width, height) {
|
|
|
|
const chart = echarts.init(canvas, null, {
|
|
|
|
width: width,
|
|
|
|
height: height
|
|
|
|
});
|
|
|
|
canvas.setChart(chart);
|
|
|
|
|
|
|
|
var option = {
|
|
|
|
|
|
|
|
tooltip: {
|
|
|
|
trigger: 'axis'
|
|
|
|
},
|
|
|
|
|
|
|
|
title: {
|
|
|
|
text: '雷达图',
|
|
|
|
textStyle: {
|
|
|
|
color: 'rgba(221,221,221,1)', //标题颜色
|
|
|
|
fontSize: 14,
|
|
|
|
lineHeight: 20,
|
|
|
|
},
|
|
|
|
// 标题的位置，此时放在图的底边
|
|
|
|
left: 'center',
|
|
|
|
top: 'bottom',
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
legend: {
|
|
|
|
enabled: true
|
|
|
|
},
|
|
|
|
radar: [
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
indicator: [
|
|
|
|
|
|
|
|
{
|
|
|
|
text: '生产：90分',
|
|
|
|
max: 100,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
text: '预警：60分',
|
|
|
|
max: 100
|
|
|
|
},
|
|
|
|
{
|
|
|
|
text: '稳定性：80分',
|
|
|
|
max: 100,
|
|
|
|
}
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
center: ['50%', '60%'],
|
|
|
|
|
|
|
|
radius: 80,
|
|
|
|
|
|
|
|
name: {
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
fontSize: 14
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
series: [{
|
|
|
|
type: 'radar',
|
|
|
|
|
|
|
|
legend: {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
normal: {
|
|
|
|
color: '#FBCB77',
|
|
|
|
areaStyle: {
|
|
|
|
type: 'default',
|
|
|
|
color: '#FBCB77',
|
|
|
|
|
|
|
|
},
|
|
|
|
lineStyle: {
|
|
|
|
color: '#FBCB77',
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data: [{
|
|
|
|
value: [60, 73, 85],
|
|
|
|
|
|
|
|
// name: '某软件'
|
|
|
|
}]
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
chart.setOption(option);
|
|
|
|
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
Page({
|
|
|
|
onShareAppMessage: function (res) {
|
|
|
|
return {
|
|
|
|
title: 'ECharts 可以在微信小程序中使用啦！',
|
|
|
|
path: '',
|
|
|
|
success: function () { },
|
|
|
|
fail: function () { }
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 页面的初始数据
|
|
|
|
*/
|
|
|
|
data: {
|
|
|
|
statedate:"",
|
|
|
|
ec1: {
|
|
|
|
|
|
|
|
onInit: initChart1
|
|
|
|
|
|
|
|
},
|
|
|
|
ec2: {
|
|
|
|
|
|
|
|
onInit: initChart2
|
|
|
|
|
|
|
|
},
|
|
|
|
ec3:{
|
|
|
|
onInit: initChart3
|
|
|
|
},
|
|
|
|
ec4: {
|
|
|
|
onInit: initChart4
|
|
|
|
},
|
|
|
|
ec5: {
|
|
|
|
onInit: initChart5
|
|
|
|
},
|
|
|
|
ec6: {
|
|
|
|
onInit: initChart6
|
|
|
|
},
|
|
|
|
ec7: {
|
|
|
|
onInit: initChart7
|
|
|
|
},
|
|
|
|
ec8: {
|
|
|
|
onInit: initChart8
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面加载
|
|
|
|
*/
|
|
|
|
onLoad: function (options) {
|
|
|
|
this.setData({
|
|
|
|
statedate: app.monthnowDate(),
|
|
|
|
})
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
// 选择日期
|
|
|
|
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 |
...
|
...
|
|
