commit 0840defd0bc7fd6c86ff0ca1598ce6592838a0b2
author Qiuxia Fan <fine0830@outlook.com> Wed Nov 27 13:41:02 2019 +0800
committer 吴晟 Wu Sheng <wu.sheng@foxmail.com> Wed Nov 27 13:41:02 2019 +0800
tree b4f9686b7ec4b53a2d06022555104e3abb341a6c
parent 6f77b52f75c28b0907eaefb6482b92e38d10eb93

feat: update topo chart (#212)

src/views/components/topology/topo-aside.vue

diff --git a/src/views/components/topology/topo-aside.vue b/src/views/components/topology/topo-aside.vue
index 2e24222..a70a887 100644
--- a/src/views/components/topology/topo-aside.vue
+++ b/src/views/components/topology/topo-aside.vue
@@ -295,7 +295,7 @@
   width: 280px;
   z-index: 101;
   color: #ddd;
-  background-color: #252a2f9a;
+  background-color: #333;
   padding: 15px 20px 10px;
   .label{
     display: inline-block;

src/views/components/topology/topo-chart.vue

diff --git a/src/views/components/topology/topo-chart.vue b/src/views/components/topology/topo-chart.vue
index 19516ef..88087be 100644
--- a/src/views/components/topology/topo-chart.vue
+++ b/src/views/components/topology/topo-chart.vue
@@ -19,7 +19,7 @@
   <div>
     <div class="grey sm mb-5">{{title}}</div>
     <h5 class="mt-0 mb-0">{{content.toFixed(2)}} {{unit}}</h5>
-    <RkEcharts height="32px" :option="responseConfig"/>
+    <RkEcharts height="100px" :option="responseConfig"/>
   </div>
 
 </template>
@@ -65,17 +65,20 @@
       },
       xAxis: {
         type: 'category',
-        axisTick: { show: false },
+        axisTick: {
+          lineStyle: { color: '#c1c5ca41' },
+          alignWithLabel: true,
+        },
         splitLine: { show: false },
-        axisLine: { show: false },
-        axisLabel: { show: false },
+        axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
+        axisLabel: { color: '#9da5b2', fontSize: '11' },
       },
       yAxis: {
         type: 'value',
         axisLine: { show: false },
         axisTick: { show: false },
-        splitLine: { lineStyle: { color: '#c1c5ca08', type: 'dashed' } },
-        axisLabel: { show: false },
+        splitLine: { lineStyle: { color: '#c1c5ca41', type: 'dashed' } },
+        axisLabel: { color: '#9da5b2', fontSize: '11' },
       },
       series: [
         {