浏览代码

解决环形图被压缩和字体颜色问题

LXXXY 5 年之前
父节点
当前提交
32d9f81e9c
共有 2 个文件被更改,包括 10 次插入12 次删除
  1. 3 10
      src/components/point/report/integrateStatistics.vue
  2. 7 2
      src/views/point/report/index.vue

+ 3 - 10
src/components/point/report/integrateStatistics.vue

@@ -123,17 +123,10 @@ export default {
               avoidLabelOverlap: false,
               avoidLabelOverlap: false,
               legendHoverLink: false,
               legendHoverLink: false,
               selectedOffset: 0,
               selectedOffset: 0,
-              label: {
-                normal: {
-                  show: true,
-                  position: "outside"
-                }
-              },
-              labelLine: {
-                normal: {
-                  show: true
-                }
+              label:{
+                  color:'rgb(121, 187, 255)',
               },
               },
+              
               emphasis: {
               emphasis: {
                 itemStyle: {
                 itemStyle: {
                   // 高亮时点的颜色。
                   // 高亮时点的颜色。

+ 7 - 2
src/views/point/report/index.vue

@@ -1,14 +1,14 @@
 <template>
 <template>
   <div>
   <div>
     <!-- 系统集成统计页面 -->
     <!-- 系统集成统计页面 -->
-    <div class="contain-block" style="width:29%;margin-right:1%;">
+    <div class="contain-block" style="width:calc(30% - 15px);margin-right:15px;min-width:385px;">
       <span class="contain-title-leftblock">系统集成统计</span>
       <span class="contain-title-leftblock">系统集成统计</span>
       <div class="contain-data">
       <div class="contain-data">
         <integrateStatistics ref="chart" style="height: calc(100% - 15px);" :key="refresh"></integrateStatistics>
         <integrateStatistics ref="chart" style="height: calc(100% - 15px);" :key="refresh"></integrateStatistics>
       </div>
       </div>
     </div>
     </div>
     <!-- 表号功能号总览页面 -->
     <!-- 表号功能号总览页面 -->
-    <div class="contain-block">
+    <div class="contain-block meterFunc">
       <span class="contain-title-leftblock">表号功能号总览</span>
       <span class="contain-title-leftblock">表号功能号总览</span>
       <div class="contain-data">
       <div class="contain-data">
         <tabFunNumOverview ref="table" :key="refresh" @reloadData="reloadData()"></tabFunNumOverview>
         <tabFunNumOverview ref="table" :key="refresh" @reloadData="reloadData()"></tabFunNumOverview>
@@ -71,4 +71,9 @@ export default {
   overflow: auto;
   overflow: auto;
   height: calc(100% - 46px);
   height: calc(100% - 46px);
 }
 }
+@media screen and (max-width: 1600px){
+  .meterFunc{
+    width:calc(100% - 400px);
+  }
+}
 </style>
 </style>