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

查看 37|回复 0
作者:killva4624   
核心需求:
需要根据请求上下游关系绘制转发链关系图,以确认和浏览转发和节点上下游关系。
大概像 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 学到什么程度才能满足我的需求?
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部