Explorar o código

1.取消首页折线图标点
2.首页气象预测折线图颜色更改,放大折线图的提示框内容展现方式更改

zy hai 4 meses
pai
achega
068b315dcd

+ 8 - 3
cpp-ui/src/views/largeScreen/components/right-middle.vue

@@ -309,6 +309,8 @@ export default {
           option.series=[{
             name:'平均轮毂风速',
             type:'line',
+            showSymbol:false,
+            itemStyle:{color:'#2ec7c9'},
             data: this.windChartData.map(_=>_.value)
           }]
         }
@@ -318,6 +320,8 @@ export default {
           option.series=[{
             name:'平均总辐射',
             type:'line',
+            showSymbol:false,
+            itemStyle:{color:'#2ec7c9'},
             data: this.gfChartData.map(_=>_.value)
           }]
         }
@@ -327,6 +331,8 @@ export default {
         option.series=[{
           name:'平均轮毂风速',
           type:'line',
+          showSymbol:false,
+          itemStyle:{color:'#2ec7c9'},
           data: this.windChartData.map(_=>_.value)
         }]
       }
@@ -361,13 +367,12 @@ export default {
       let index = 0;
       option.tooltip.enterable = true
       option.tooltip.formatter = function (params){
-        let str ='<div style="max-height: calc(55vh);overflow-y: auto">'
+        let str ='<div class="flex-column flex-wrap" style="height: calc(40vh);overflow-y: auto">'
         for(let param of params){
-          str = str +'<div class="flex justify-between"><div>'+param.marker+ param.seriesName+'</div><div class="ml-0 mr-0">'+param.value+'</div></div>'
+          str = str +'<div class="flex justify-between ml-1"><div>'+param.marker+ param.seriesName+'</div><div class="ml-0 mr-0">'+param.value+'</div></div>'
         }
         str = str +'</div>'
         return str
-
       }
       this.$axios({url: '/largeScreenController/forecastNwpFull', method: 'get',params: queryParams}).then(response => {
         let stationObj = response.data

+ 5 - 0
cpp-ui/src/views/largeScreen/echarts-data.js

@@ -204,6 +204,7 @@ export let lineOption = {
     {
       name: '实际功率',
       type: 'line',
+      showSymbol:false,
       itemStyle: {
         color: 'rgb(2,207,253)'
       },
@@ -230,6 +231,7 @@ export let lineOption = {
     }, {
       name: '可用功率',
       type: 'line',
+      showSymbol:false,
       itemStyle: {
         color: 'rgb(253,128,2)'
       },
@@ -256,6 +258,7 @@ export let lineOption = {
     }, {
       name: '理论功率',
       type: 'line',
+      showSymbol:false,
       itemStyle: {
         color: 'rgb(253,10,2)'
       },
@@ -282,6 +285,7 @@ export let lineOption = {
     }, {
       name: '短期',
       type: 'line',
+      showSymbol:false,
       itemStyle: {
         color: 'rgb(175,129,251)'
       },
@@ -308,6 +312,7 @@ export let lineOption = {
     }, {
       name: '超短期',
       type: 'line',
+      showSymbol:false,
       itemStyle: {
         color: 'rgb(135,247,207)'
       },