From 1fbbb592d4646f86e8a272b13c16ca54abc08414 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期四, 08 七月 2021 10:30:12 +0800
Subject: [PATCH] 应用中心详情按钮错误
---
src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue | 98 +++++++++++++++++++++++++++++++++++++++---------
1 files changed, 79 insertions(+), 19 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
index d528eb6..47156be 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
@@ -107,7 +107,7 @@
<el-tab-pane label="闅愭偅浜嬩欢瓒嬪娍" name="hidDanderTrend"></el-tab-pane>
</el-tabs>
<div class="rt">
- <time-shortcut actPicker="week" @actPickerChange="timeShortChange"></time-shortcut>
+ <time-shortcut actPicker="today" @actPickerChange="timeShortChange"></time-shortcut>
<el-date-picker
v-model="searchHidDanderTime"
type="datetimerange"
@@ -428,6 +428,7 @@
})
this.jsTreeNodes = tempArr
+ this.refreshShoubiNum()
},
data () {
return {
@@ -548,14 +549,6 @@
axisTick: {
alignWithLabel: true
},
- // axisLine: {
- // lineStyle: {
- // color: '#ccc'
- // }
- // },
- // nameTextStyle: {
- // color: "#333"
- // }
}
],
yAxis: [
@@ -570,8 +563,11 @@
{
name: '鏁伴噺',
type: 'bar',
- barWidth: '24%',
- data: [21, 102, 100, 1, 7, 14]
+ barWidth: '60%',
+ label:{
+ show:true,position: 'top'
+ },
+ data: [{value:1,itemStyle:{color:'#3aa0ff'}},{value:0,itemStyle:{color:'#36cbcb'}},{value:1,itemStyle:{color:'#4dcb73'}},{value:1,itemStyle:{color:'#fad337'}},{value:3,itemStyle:{color:'#f2637b'}}, {value:2,itemStyle:{color:'#975fe4'}}]
}
]
},
@@ -641,18 +637,18 @@
name: '寮傚父浜嬩欢',
type: 'pie',
color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'],
- radius: ['70%', '90%'],
+ radius: ['50%', '80%'],
//center: ['40%','60%'],
avoidLabelOverlap: false,
label: {
show: false,
- position: 'center',
+ // position: 'center',
formatter: '{b}\n{c} '
},
emphasis: {
label: {
show: true,
- fontSize: '30',
+ fontSize: '20',
fontWeight: 'bold'
}
},
@@ -910,24 +906,35 @@
name: '寮傚父浜嬩欢',
type: 'pie',
color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'],
- radius: ['70%', '90%'],
+ radius: ['50%', '80%'],
//center: ['40%','60%'],
avoidLabelOverlap: false,
label: {
show: false,
- position: 'center',
+ // position: 'center',
formatter: '{b}\n{c} '
},
emphasis: {
label: {
show: true,
- fontSize: '30',
+ fontSize: '20',
fontWeight: 'bold'
}
},
- labelLine: {
- show: false
+ itemStyle:{
+ normal:{
+ label:{
+ show:true,
+ formatter: '{b}\n{c} ',
+ labelLine:{
+ show:true
+ }
+ }
+ }
},
+ // labelLine: {
+ // show: false
+ // },
data: [
{ value: 32, name: '闃叉姢鍦版' },
{ value: 55, name: '杩涘嚭绔�' },
@@ -1067,6 +1074,19 @@
}
},
methods: {
+ refreshShoubiNum(){
+ let n = sessionStorage.getItem("shoubiNum")
+ // this.optionsOfHidDangerBar.series[0].data[1].value = +n
+ this.$set(this.optionsOfHidDangerBar.series,0, {
+ name: '鏁伴噺',
+ type: 'bar',
+ barWidth: '60%',
+ label:{
+ show:true,position: 'top'
+ },
+ data: [{value:1,itemStyle:{color:'#3aa0ff'}},{value:+n,itemStyle:{color:'#36cbcb'}},{value:1,itemStyle:{color:'#4dcb73'}},{value:1,itemStyle:{color:'#fad337'}},{value:3,itemStyle:{color:'#f2637b'}}, {value:2,itemStyle:{color:'#975fe4'}}]
+ })
+ },
initTabContent(tab){
if(tab.name == "hidDanderStatistic"){
this.actHidDanderStatiscChart = 'bar'
@@ -1110,6 +1130,46 @@
},
}
+
+
+
+// title : {
+// /* text: '鏌愮珯鐐圭敤鎴疯闂潵婧�',
+// subtext: '绾睘铏氭瀯',
+// x:'center'*/
+// },
+// tooltip : {
+// trigger: 'item',
+// formatter: "{a} <br/>{b} : {c} ({d}%)"
+// },
+// legend: {
+// orient: 'vertical',
+// left: 'right',
+// bottom:'80px',
+// data: ['浼佷笟','涓綋','绀句細缁勭粐','浜嬩笟鍗曚綅','鏈哄叧鍗曚綅','鍏朵粬']
+// },
+// series : [
+// {
+// name: '鍗犳瘮鎯呭喌',
+// type: 'pie',
+// radius : '55%',
+// center: ['40%', '60%'],
+// data: data,
+// /*鍦╯eries涓坊鍔爄temStyle鍗冲彲鐩磋鏄剧ず楗煎瀷鏁板��*/
+// itemStyle:{
+// normal:{
+// label:{
+// show: true,
+// formatter: '{b} : {c} ({d}%)'
+// },
+// labelLine :{show:true}
+// }
+// }
+// }
+// ]
+
+// };
+// myChart_qyhhmd.setOption(option,true)
</script>
<style lang="scss">
--
Gitblit v1.8.0