This is an automated email from the ASF dual-hosted git repository.
liuhan pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git
The following commit(s) were added to refs/heads/main by this push:
new 518f607d fix tracing profiling (#477)
518f607d is described below
commit 518f607db32894dcf45d9a4fa44acb0f59170692
Author: Fine0830 <[email protected]>
AuthorDate: Wed Jul 16 16:44:49 2025 +0800
fix tracing profiling (#477)
---
.../dashboard/related/trace/components/D3Graph/Index.vue | 2 ++
src/views/dashboard/related/trace/components/Table.vue | 13 ++++++++++++-
2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/src/views/dashboard/related/trace/components/D3Graph/Index.vue
b/src/views/dashboard/related/trace/components/D3Graph/Index.vue
index 78d71e09..ae261070 100644
--- a/src/views/dashboard/related/trace/components/D3Graph/Index.vue
+++ b/src/views/dashboard/related/trace/components/D3Graph/Index.vue
@@ -69,6 +69,7 @@ limitations under the License. -->
type: { type: String, default: TraceGraphType.LIST },
headerType: { type: String, default: "" },
});
+ const emits = defineEmits(["select"]);
const appStore = useAppStoreWithOut();
const loading = ref<boolean>(false);
const showDetail = ref<boolean>(false);
@@ -130,6 +131,7 @@ limitations under the License. -->
refParentSpans.value = [];
if (props.type === TraceGraphType.TABLE) {
currentSpan.value = i;
+ emits("select", i);
} else {
currentSpan.value = i.data;
}
diff --git a/src/views/dashboard/related/trace/components/Table.vue
b/src/views/dashboard/related/trace/components/Table.vue
index 8ec36c47..171f0e5c 100644
--- a/src/views/dashboard/related/trace/components/Table.vue
+++ b/src/views/dashboard/related/trace/components/Table.vue
@@ -12,7 +12,13 @@ See the License for the specific language governing
permissions and
limitations under the License. -->
<template>
<div class="trace-table-charts">
- <Graph :data="data" :traceId="traceId" :type="TraceGraphType.TABLE"
:headerType="headerType" />
+ <Graph
+ :data="data"
+ :traceId="traceId"
+ :type="TraceGraphType.TABLE"
+ :headerType="headerType"
+ @select="getSelectedSpan"
+ />
</div>
</template>
<script lang="ts" setup>
@@ -26,6 +32,11 @@ limitations under the License. -->
traceId: { type: String, default: "" },
headerType: { type: String, default: "" },
});
+ const emits = defineEmits(["select"]);
+
+ function getSelectedSpan(span: Span) {
+ emits("select", span);
+ }
</script>
<style lang="scss" scoped>
.trace-table-charts {
