From fed1301812fab576517b582fa01dfe51bb429f8c Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期三, 21 四月 2021 17:58:20 +0800 Subject: [PATCH] 设备管理和新设置中心 --- src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue | 71 ++++++++++++++++++++++++++++++----- 1 files changed, 61 insertions(+), 10 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue index d528eb6..9075503 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue @@ -570,8 +570,8 @@ { name: '鏁伴噺', type: 'bar', - barWidth: '24%', - data: [21, 102, 100, 1, 7, 14] + barWidth: '60%', + data: [{value:21,itemStyle:{color:'#3aa0ff'}},{value:102,itemStyle:{color:'#36cbcb'}},{value:100,itemStyle:{color:'#4dcb73'}},{value:1,itemStyle:{color:'#fad337'}},{value:7,itemStyle:{color:'#f2637b'}}, {value:14,itemStyle:{color:'#975fe4'}}] } ] }, @@ -641,18 +641,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 +910,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: '杩涘嚭绔�' }, @@ -1110,6 +1121,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