github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-01 13:59:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add node status

Browse Source
This commit is contained in:
Fine 2023-03-17 11:52:46 +08:00
parent 0dd95021f3
commit 367f95332e
1 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,15 +29,7 @@ limitations under the License. -->
@click="handleNodeClick($event, n)"
class="topo-node"
>
<circle
class="node"
r="18"
stroke-width="6"
:stroke="n.isReal ? '#72c59f' : '#ed374d'"
fill="none"
:cx="n.x"
:cy="n.y"
/>
<circle class="node" r="18" stroke-width="6" :stroke="getNodeStatus(n)" fill="none" :cx="n.x" :cy="n.y" />
<image
width="18"
height="18"
@ -215,11 +207,6 @@ limitations under the License. -->
return;
}
}
function svgEvent() {
topologyStore.setNode(null);
topologyStore.setLink(null);
dashboardStore.selectWidget(props.config);
}
function draw() {
const levels = [];
const nodes = topologyStore.nodes.sort((a: any, b: any) => b.service_cpm - a.service_cpm);
@ -265,6 +252,24 @@ limitations under the License. -->
}
}
}
function getNodeStatus(d: any) {
const legend = settings.value.legend;
if (!legend) {
return "#72c59f";
}
if (!legend.length) {
return "#72c59f";
}
let c = true;
for (const l of legend) {
if (l.condition === "<") {
c = c && d[l.name] < Number(l.value);
} else {
c = c && d[l.name] > Number(l.value);
}
}
return c && d.isReal ? "#f18586" : "#72c59f";
}
function showNodeTip(event: MouseEvent, data: Node) {
const nodeMetrics: string[] = settings.value.nodeMetrics || [];
const nodeMetricConfig = settings.value.nodeMetricConfig || [];
@ -474,6 +479,11 @@ limitations under the License. -->
}
}
}
function svgEvent() {
topologyStore.setNode(null);
topologyStore.setLink(null);
dashboardStore.selectWidget(props.config);
}
async function freshNodes() {
if (!svg.value) {
return;