V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
killva4624
V2EX  ›  前端开发

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

  •  
  •   killva4624 · 2023-03-17 16:09:22 +08:00 · 1114 次点击
    这是一个创建于 628 天前的主题,其中的信息可能已经有所发展或是发生改变。

    核心需求:

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

    大概像 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-03-17 17:38:55 +08:00 via Android
    怎么不问问神奇的 GPT 呢?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1007 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 21:23 · PVG 05:23 · LAX 13:23 · JFK 16:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.