github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-10 05:23:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix graph (#55)

Browse Source
This commit is contained in:
Fine0830 2022-04-02 15:18:44 +08:00 committed by GitHub
parent f19bcc856d
commit 8d87777832
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Graph.vue
View File

@ -13,7 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div ref="chartRef" :style="`height:${height};width:${width};`"> <div class="chart" ref="chartRef" :style="`height:${height};width:${width};`">
<div v-if="!available" class="no-data">No Data</div> <div v-if="!available" class="no-data">No Data</div>
</div> </div>
</template> </template>
@ -98,4 +98,8 @@ onBeforeUnmount(() => {
-webkit-box-align: center; -webkit-box-align: center;
color: #666; color: #666;
} }
.chart {
overflow: hidden;
}
</style> </style>

5
src/views/dashboard/related/topology/components/Graph.vue
View File

@ -149,6 +149,11 @@ const depth = ref<number>(graphConfig.value.depth || 2);
onMounted(async () => { onMounted(async () => {
loading.value = true; loading.value = true;
const json = await selectorStore.fetchServices(dashboardStore.layerId);
if (json.errors) {
ElMessage.error(json.errors);
return;
}
const resp = await getTopology(); const resp = await getTopology();
loading.value = false; loading.value = false;
if (resp && resp.errors) { if (resp && resp.errors) {