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

fix view mode (#118)

Browse Source
This commit is contained in:
Fine0830 2022-07-13 10:34:30 +08:00 committed by GitHub
parent 04d109d0e3
commit b5c07e023b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -34,7 +34,7 @@ limitations under the License. -->
</span>
</div>
</div>
<div class="setting" v-if="showSetting">
<div class="setting" v-if="showSetting && dashboardStore.editMode">
<Settings @update="updateSettings" @updateNodes="freshNodes" />
</div>
<div class="tool">
@ -113,6 +113,7 @@ import getDashboard from "@/hooks/useDashboardsSession";
import { MetricConfigOpt } from "@/types/dashboard";
import { aggregation } from "@/hooks/useProcessor";
import icons from "@/assets/img/icons";
import { useQueryTopologyMetrics } from "@/hooks/useProcessor";
/*global Nullable, defineProps */
const props = defineProps({
@ -170,6 +171,7 @@ onMounted(async () => {
width.value = dom.width;
window.addEventListener("resize", resize);
svg.value = d3.select(chart.value).append("svg").attr("class", "topo-svg");
await initLegendMetrics();
await init();
update();
setNodeTools(settings.value.nodeDashboard);
@ -200,6 +202,18 @@ async function init() {
dashboardStore.selectWidget(props.config);
});
}
async function initLegendMetrics() {
const ids = topologyStore.nodes.map((d: Node) => d.id);
const names = props.config.legend.map((d: any) => d.name);
if (names.length && ids.length) {
const param = await useQueryTopologyMetrics(names, ids);
const res = await topologyStore.getLegendMetrics(param);
if (res.errors) {
ElMessage.error(res.errors);
}
}
}
function ticked() {
link.value.attr(
"d",