设备管理和新设置中心

heyujie

2021-04-21 fed1301812fab576517b582fa01dfe51bb429f8c

 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'
              }
            },
            itemStyle:{
              normal:{
                label:{
                  show:true,
                  formatter: '{b}\n{c} ',
            labelLine: {
              show: false
                    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,
// /*在series中添加itemStyle即可直观显示饼型数值*/
//                                        itemStyle:{ 
//                                 normal:{ 
//                                    label:{ 
//                                       show: true, 
//                                       formatter: '{b} : {c} ({d}%)' 
//                                       }, 
//                                       labelLine :{show:true} 
//                                       } 
//                                  } 
//                                    }
//                                ]
                    	        
//                            };
//                            myChart_qyhhmd.setOption(option,true)
</script>

<style lang="scss">