|
@@ -69,20 +69,28 @@ export default {
|
|
|
},
|
|
|
drawIt() {
|
|
|
let myCharts = echarts.init(document.getElementById('pCharts2'))
|
|
|
- var colors = ['#34C724', '#8D9399', '#F54E45', '#0091FF', '#00D6B9']
|
|
|
var option = {
|
|
|
- color: colors,
|
|
|
+ // color: colors,
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
},
|
|
|
formatter: function(params) {
|
|
|
- return `${params[0].name}<br/>${params[0].value == 2 ? params[0].seriesName : params[1].seriesName}<br/>${
|
|
|
- params[params.length - 2].seriesName
|
|
|
- }:${params[params.length - 2].value ? Number(params[params.length - 2].value).toFixed(1) : 'x'}%<br/>${
|
|
|
- params[params.length - 1].seriesName
|
|
|
- }:${params[params.length - 1].value ? Number(params[params.length - 1].value).toFixed(1) : 'x'}%`
|
|
|
+ console.log(params)
|
|
|
+ if (params.length == 2) {
|
|
|
+ return `${params[0].name}<br/>${params[0].seriesName}<br/>${params[1].seriesName}:${
|
|
|
+ params[1].value ? Number(params[1].value).toFixed(1) : 'x'
|
|
|
+ }%`
|
|
|
+ } else {
|
|
|
+ return `${params[0].name}<br/>${
|
|
|
+ params[0].value == 2 ? params[0].seriesName : params[1].value == 2 ? params[1].seriesName : params[2].seriesName
|
|
|
+ }<br/>${params[params.length - 2].seriesName}:${
|
|
|
+ params[params.length - 2].value ? Number(params[params.length - 2].value).toFixed(1) : 'x'
|
|
|
+ }%<br/>${params[params.length - 1].seriesName}:${
|
|
|
+ params[params.length - 1].value ? Number(params[params.length - 1].value).toFixed(1) : 'x'
|
|
|
+ }%`
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
@@ -100,9 +108,6 @@ export default {
|
|
|
color: '#8D9399'
|
|
|
}
|
|
|
},
|
|
|
- // axisLabel: {
|
|
|
- // interval: 0 //代表显示所有x轴标签显示
|
|
|
- // },
|
|
|
data: this.dataX
|
|
|
}
|
|
|
],
|
|
@@ -112,7 +117,7 @@ export default {
|
|
|
name: '节能率',
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
- color: '#8D9399'
|
|
|
+ // color: '#8D9399'
|
|
|
}
|
|
|
},
|
|
|
splitLine: {
|
|
@@ -147,7 +152,7 @@ export default {
|
|
|
name: '室内温度满足率',
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
- color: '#8D9399'
|
|
|
+ // color: '#8D9399'
|
|
|
}
|
|
|
},
|
|
|
splitLine: {
|
|
@@ -159,39 +164,71 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
+ // var colors = ['#34C724', '#8D9399', '#F54E45', '#0091FF', '#00D6B9']
|
|
|
series: [
|
|
|
{
|
|
|
name: '按照策略执行',
|
|
|
type: 'bar',
|
|
|
barWidth: '80%',
|
|
|
stack: '堆叠',
|
|
|
- data: this.strategy1
|
|
|
+ data: this.strategy1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#34C724'
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
name: '未按照策略执行',
|
|
|
type: 'bar',
|
|
|
barWidth: '80%',
|
|
|
stack: '堆叠',
|
|
|
- data: this.strategy2
|
|
|
+ data: this.strategy2,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#F54E45'
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
name: '未按照策略执行,申诉通过',
|
|
|
type: 'bar',
|
|
|
barWidth: '80%',
|
|
|
stack: '堆叠',
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#8D9399'
|
|
|
+ }
|
|
|
+ },
|
|
|
data: this.strategy3
|
|
|
},
|
|
|
{
|
|
|
name: '室内温度满足率',
|
|
|
type: 'line',
|
|
|
yAxisIndex: 2,
|
|
|
- data: this.indoorY
|
|
|
+ data: this.indoorY,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#0091FF',
|
|
|
+ lineStyle: {
|
|
|
+ color: '#0091FF'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
name: '节能率',
|
|
|
type: 'line',
|
|
|
yAxisIndex: 2,
|
|
|
- data: this.energyY
|
|
|
+ data: this.energyY,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#00D6B9',
|
|
|
+ lineStyle: {
|
|
|
+ color: '#00D6B9'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
]
|
|
|
}
|