fix: 修改页面的布局

yangyin

2024-07-17 187e4398e9d4193b777f6e4a45a1f06ac52f32d2

 customer_list/ch/ai_html/views/demo/html/Overview.html

@@ -291,31 +291,53 @@
         const initOverViewEchart = () => {
            var chartDom = document.getElementById('pond');
            var myChart = echarts.init(chartDom);
            var dataCake = [
               { value: 2562, name: '优质', percentage: '15.86%' },
               { value: 6000, name: '良好', percentage: '37.15%' },
               { value: 2589, name: '一般', percentage: '16.03%' },
               { value: 4000, name: '较差', percentage: '24.77%' },
               { value: 1000, name: '恶劣', percentage: '6.19%' },
            ];
            demoOverViewChart.value = myChart;
            var option = {
               tooltip: {
                  trigger: 'item',
               },
               title: {
               legend: {
                  orient: 'vertical',
                  left: 'right',
                  formatter: function (name) {
                     let target, percentage;
                     for (let i = 0; i < dataCake.length; i++) {
                        if (dataCake[i].name === name) {
                           target = dataCake[i].value;
                           percentage = dataCake[i].percentage;
                        }
                     }
                     let arr = [name + ' ', ' ' + target + '人 ', ' ' + percentage];
                     return arr.join(' ');
                  },
               },
               // title: {
                  // text: '76%',//主标题文本
                  subtext: '76%', //副标题文本
                  left: 'center',
               //    subtext: '76%', //副标题文本
               //    left: 'center',

                  top: '42%',
                  textStyle: {
                     fontSize: 38,
                     color: '#454c5c',
                     align: 'center',
                  },
                  subtextStyle: {
                     fontFamily: '微软雅黑',
                     fontSize: 16,
                     color: '#6c7a89',
                  },
               },
               //    top: '42%',
               //    textStyle: {
               //       fontSize: 38,
               //       color: '#454c5c',
               //       align: 'center',
               //    },
               //    subtextStyle: {
               //       fontFamily: '微软雅黑',
               //       fontSize: 16,
               //       color: '#6c7a89',
               //    },
               // },
               series: [
                  {
                     name: 'Access From',
                     name: '今日业绩完成度',
                     type: 'pie',
                     radius: ['40%', '70%'],
                     avoidLabelOverlap: false,
@@ -323,23 +345,11 @@
                        show: false,
                        position: 'center',
                     },
                     emphasis: {
                        label: {
                           show: true,
                           fontSize: 40,
                           fontWeight: 'bold',
                        },
                     },

                     labelLine: {
                        show: false,
                     },
                     data: [
                        { value: 1048, name: 'Search Engine' },
                        { value: 735, name: 'Direct' },
                        { value: 580, name: 'Email' },
                        { value: 484, name: 'Union Ads' },
                        { value: 300, name: 'Video Ads' },
                     ],
                     data: dataCake,
                  },
               ],
            };