guoxiaohuan 5 年之前
父节点
当前提交
ccf386b02c
共有 1 个文件被更改,包括 53 次插入16 次删除
  1. 53 16
      src/views/evaluate/evIndoorTemperature.vue

+ 53 - 16
src/views/evaluate/evIndoorTemperature.vue

@@ -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'
+                                }
+                            }
+                        }
                     }
                 ]
             }