killva4624
V2EX  ›  前端开发

关于如何学习和实现绘制 node graph

By killva4624 at 2023 年 3 月 17 日 · 2158 次点击

核心需求:

需要根据请求上下游关系绘制转发链关系图,以确认和浏览转发和节点上下游关系。

大概像 Grafana 里这种 node graph 图示。

https://grafana.com/docs/grafana/latest/panels-visualizations/visualizations/node-graph/

功能需求:

  • 需要根据标签或者节点属性进行搜索和过滤展示;
  • node 和 edge 可自定义调整,如 node 大小、颜色、标签是否完全显示或者折叠显示等;
  • 不能太丑陋....

个人尝试:

其实已经通过写了个后端接口,让 Grafana Node Graph 实现了展示和过滤搜索的需求,但有很多地方不尽人意:

1 、node 和 edge 排列样式不美观; 2 、显示的标签一但过长就会被截断,被"..."代替; 3 、node 和 edge 都是固定大小,无法调整(还是美观问题);

我搜了一些 JS 的包,如 D3.js, Cytoscape.js 。但我不懂前端开发...只有一些简单的 html 知识。

问题:

需要把 JS 学到什么程度才能满足我的需求?

1 条回复  •  2023-03-17 17:38:55 +08:00
ALLROBOT
   1
ALLROBOT  
   2023 年 3 月 17 日 via Android
怎么不问问神奇的 GPT 呢?
© 2026 V2EX · 30ms · 3.9.8.5