You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@skywalking.apache.org by wu...@apache.org on 2019/11/27 05:41:08 UTC
[skywalking-rocketbot-ui] branch master updated: feat: update topo
chart (#212)
This is an automated email from the ASF dual-hosted git repository.
wusheng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git
The following commit(s) were added to refs/heads/master by this push:
new 0840def feat: update topo chart (#212)
0840def is described below
commit 0840defd0bc7fd6c86ff0ca1598ce6592838a0b2
Author: Qiuxia Fan <fi...@outlook.com>
AuthorDate: Wed Nov 27 13:41:02 2019 +0800
feat: update topo chart (#212)
---
src/views/components/topology/topo-aside.vue | 2 +-
src/views/components/topology/topo-chart.vue | 15 +++++++++------
2 files changed, 10 insertions(+), 7 deletions(-)
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 @@ export default class TopoAside extends Vue {
width: 280px;
z-index: 101;
color: #ddd;
- background-color: #252a2f9a;
+ background-color: #333;
padding: 15px 20px 10px;
.label{
display: inline-block;
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 @@ export default class TopoChart extends Vue {
},
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: [
{