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

fix: update

Browse Source
This commit is contained in:
Fine 2023-06-12 15:18:15 +08:00
parent 428d2492ac
commit 1b47eb003d
3 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/dashboard/related/ebpf/components/EBPFStack.vue
View File

@ -98,7 +98,7 @@ limitations under the License. -->
.setColorMapper((d, originalColor) => (d.highlight ? "#6aff8f" : originalColor)); .setColorMapper((d, originalColor) => (d.highlight ? "#6aff8f" : originalColor));
const tip = (d3tip as any)() const tip = (d3tip as any)()
.attr("class", "d3-tip") .attr("class", "d3-tip")
.direction("w") .direction("s")
.html((d: { data: StackElement } & { parent: { data: StackElement } }) => { .html((d: { data: StackElement } & { parent: { data: StackElement } }) => {
const name = d.data.name.replace("<", "&lt;").replace(">", "&gt;"); const name = d.data.name.replace("<", "&lt;").replace(">", "&gt;");
const valStr = const valStr =
@ -119,7 +119,7 @@ limitations under the License. -->
}</div>`; }</div>`;
return `<div class="mb-5 name">Symbol: ${name}</div>${valStr}${rateOfParent}${rateOfRoot}`; return `<div class="mb-5 name">Symbol: ${name}</div>${valStr}${rateOfParent}${rateOfRoot}`;
}) })
.style("max-width", "500px"); .style("max-width", "400px");
flameChart.value.tooltip(tip); flameChart.value.tooltip(tip);
d3.select("#graph-stack").datum(stackTree.value).call(flameChart.value); d3.select("#graph-stack").datum(stackTree.value).call(flameChart.value);
} }

1
src/views/dashboard/related/task-timeline/Content.vue
View File

@ -35,5 +35,6 @@ limitations under the License. -->
.content { .content {
height: calc(100% - 50px); height: calc(100% - 50px);
width: 100%; width: 100%;
padding: 0 10px;
} }
</style> </style>

14
src/views/dashboard/related/task-timeline/components/ProfilingPanel.vue
View File

@ -13,18 +13,12 @@ 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 <div class="content" v-if="taskTimelineStore.selectedTask.targetType === TargetTypes[2].value">
class="content"
v-if="taskTimelineStore.selectedTask.targetType === TargetTypes[2].value && networkProfilingStore.nodes.length"
>
<process-topology v-if="networkProfilingStore.nodes.length" :config="config" /> <process-topology v-if="networkProfilingStore.nodes.length" :config="config" />
</div> </div>
<div <div
class="content" class="content"
v-if=" v-if="[TargetTypes[1].value, TargetTypes[0].value].includes(taskTimelineStore.selectedTask.targetType)"
[TargetTypes[1].value, TargetTypes[0].value].includes(taskTimelineStore.selectedTask.targetType) &&
ebpfStore.analyzeTrees.length
"
> >
<div class="schedules"> <div class="schedules">
<EBPFSchedules /> <EBPFSchedules />
@ -33,7 +27,7 @@ limitations under the License. -->
<EBPFStack /> <EBPFStack />
</div> </div>
</div> </div>
<div class="text" v-if="!(ebpfStore.analyzeTrees.length || networkProfilingStore.nodes.length)"> <div class="text" v-if="!taskTimelineStore.selectedTask.targetType">
{{ t("noData") }} {{ t("noData") }}
</div> </div>
</template> </template>
@ -42,7 +36,6 @@ limitations under the License. -->
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useTaskTimelineStore } from "@/store/modules/task-timeline"; import { useTaskTimelineStore } from "@/store/modules/task-timeline";
import { useNetworkProfilingStore } from "@/store/modules/network-profiling"; import { useNetworkProfilingStore } from "@/store/modules/network-profiling";
import { useEbpfStore } from "@/store/modules/ebpf";
import { TargetTypes } from "../../continuous-profiling/data"; import { TargetTypes } from "../../continuous-profiling/data";
import ProcessTopology from "@/views/dashboard/related/network-profiling/components/ProcessTopology.vue"; import ProcessTopology from "@/views/dashboard/related/network-profiling/components/ProcessTopology.vue";
import EBPFSchedules from "@/views/dashboard/related/ebpf/components/EBPFSchedules.vue"; import EBPFSchedules from "@/views/dashboard/related/ebpf/components/EBPFSchedules.vue";
@ -58,7 +51,6 @@ limitations under the License. -->
const { t } = useI18n(); const { t } = useI18n();
const taskTimelineStore = useTaskTimelineStore(); const taskTimelineStore = useTaskTimelineStore();
const networkProfilingStore = useNetworkProfilingStore(); const networkProfilingStore = useNetworkProfilingStore();
const ebpfStore = useEbpfStore();
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {