';
tbody += '| ' + data.when[i] + ' | ';
tbody += '' + (isNaN(data.current[i]) ? "-" : data.current[i]) + ' | ';
if (ctrl.dimension == ctrl.dimensions.HOUR) {
tbody += '' + (isNaN(data.yesterday[i]) ? "-" : data.yesterday[i]) + ' | ';
tbody += '' + (isNaN(data.lastMonth[i]) ? "-" : data.lastMonth[i]) + ' | ';
tbody += '' + (isNaN(data.Mon[i]) ? "-" : data.Mon[i]) + ' | ';
}
if (ctrl.dimension == ctrl.dimensions.DAY) {
tbody += '' + (isNaN(data.lastMonth[i]) ? "-" : data.lastMonth[i]) + ' | ';
tbody += '' + (isNaN(data.lastYear[i]) ? "-" : data.lastYear[i]) + ' | ';
tbody += '' + (isNaN(data.Mon[i]) ? "-" : data.Mon[i]) + ' | ';
tbody += '' + (isNaN(data.An[i]) ? "-" : data.An[i]) + ' | ';
}
if (ctrl.dimension == ctrl.dimensions.MONTH) {
tbody += '' + (isNaN(data.lastYear[i]) ? "-" : data.lastYear[i]) + ' | ';
tbody += '' + (isNaN(data.An[i]) ? "-" : data.An[i]) + ' | ';
}
if (ctrl.dimension == ctrl.dimensions.YEAR) {
}
tbody += '
';
}
$api.html($api.dom("#compareATable"), tbody);
}
//渲染TimeAChart
ctrl.renderTimeAChart = function() {
if (!ctrl.timeAChart) {
ctrl.timeAChart = echarts.init($api.dom('#time-AChart'));
}
ctrl.timeAChartOption = {
title: {
show: true,
text: ctrl.name + '(' + ctrl.number + ")用电量(kWh)",
left: "center",
top: "3%",
textStyle: {
fontWeight: 'normal',
fontSize: 14
}
},
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
},
position: function(pos, params, el, elRect, size) {
var obj = {
top: 10
};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 30;
return obj;
}
},
legend: {
show: true,
itemWidth: 14,
data: [{
'name': '尖电量',
icon: 'circle'
}, {
'name': '峰电量',
icon: 'circle'
}, {
'name': '平电量',
icon: 'circle'
}, {
'name': '谷电量',
icon: 'circle'
}],
bottom: "3%"
},
color: ["#f44336", "#ffc107", "#2196f3", "#4caf50"],
grid: {
top: '15%',
left: '3%',
right: '4%',
bottom: '15%',
containLabel: true
},
xAxis: [{
type: 'category',
data: ctrl.timeAChartData.when,
axisLine: {
lineStyle: {
color: "#03b679",
width: 2
}
},
axisTick: {
show: false
},
splitLine: {
show: false
}
}],
yAxis: [{
type: 'value',
axisLine: {
lineStyle: {
color: "#03b679",
width: 2
}
},
axisTick: {
show: false
}
}],
barGap: '-40%',
barCategoryGap: '10%',
barMaxWidth: '35',
series: [{
name: '尖电量',
type: 'bar',
data: ctrl.timeAChartData.JIAN
}, {
name: '峰电量',
type: 'bar',
data: ctrl.timeAChartData.FENG
}, {
name: '平电量',
type: 'bar',
data: ctrl.timeAChartData.PING
}, {
name: '谷电量',
type: 'bar',
data: ctrl.timeAChartData.GU
}, ]
}
ctrl.timeAChart.setOption(ctrl.timeAChartOption);
}
//渲染TimeBChart
ctrl.renderTimeBChart = function() {
ctrl.timeBChart = echarts.init($api.dom('#time-BChart'));
//如果是日数据显示上月同期
var legendData = [];
var series = [];
var colors = [];
if (ctrl.dimension == ctrl.dimensions.DAY) {
legendData = ['去年同期', '上月同期', '本期'];
colors = ["#dfdfdf", "#ffd35e", "#00ccff"];
series.push({
name: '去年同期',
type: 'bar',
data: ctrl.timeBChartData.lastYear
}, {
name: '上月同期',
type: 'bar',
data: ctrl.timeBChartData.lastMonth
}, {
name: '本期',
type: 'bar',
data: ctrl.timeBChartData.current
})
}
if (ctrl.dimension == ctrl.dimensions.YEAR) {
legendData = ['本期'];
colors = ["#00ccff"]
series.push({
name: '本期',
type: 'bar',
data: ctrl.timeBChartData.current
})
}
if (ctrl.dimension == ctrl.dimensions.MONTH) {
legendData = ['去年同期', '本期'];
colors = ["#dfdfdf", "#00ccff"]
series.push({
name: '去年同期',
type: 'bar',
data: ctrl.timeBChartData.lastYear
}, {
name: '本期',
type: 'bar',
data: ctrl.timeBChartData.current
})
}
ctrl.timeBChartOption = {
title: {
show: true,
text: ctrl.name + "对比分析(kWh)",
top: "3%",
left: "3%",
textStyle: {
fontSize: 14,
fontWeight: 'normal'
}
},
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
},
show: true,
position: function(pos, params, el, elRect, size) {
var obj = {
top: 10
};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 30;
return obj;
}
},
legend: {
show: true,
data: legendData,
bottom: "5%"
},
color: ["#dfdfdf", "#ffd35e", "#00ccff"],
grid: {
left: '3%',
right: '4%',
bottom: '15%',
top: "15%",
containLabel: true
},
xAxis: [{
type: 'category',
data: ['尖占比', '峰占比', '平占比', '谷占比'],
axisLine: {
lineStyle: {
color: "#03b679",
width: 2
}
},
axisTick: {
show: false
},
splitLine: {
show: true
}
}],
yAxis: [{
type: 'value',
axisLine: {
lineStyle: {
color: "#03b679",
width: 2
}
},
axisTick: {
show: false
}
}],
barGap: '-35%',
barCategoryGap: '10%',
barMaxWidth: '35',
series: series
};
ctrl.timeBChart.setOption(ctrl.timeBChartOption);
}
//渲染TimeCChart
ctrl.renderTimeCChart = function() {
if (!ctrl.timeCChart) {
ctrl.timeCChart = echarts.init($api.dom('#time-CChart'));
}
ctrl.timeCChartOption = {
title: {
show: true,
text: ctrl.name + "用电结构",
top: "3%",
left: "3%",
textStyle: {
fontSize: 14,
fontWeight: 'normal'
}
},
color: ["#f44336", "#ffc107", "#2196f3", "#4caf50"],
tooltip: {
trigger: 'item',
formatter: "{a}