应用系统中嵌入数据图

有没有办法将studio中看到的图方便的嵌入到我们的系统中;

需求就是在我们自己的应用系统中展示图数据,就像我们在studio中看到的图那样;

据我所知,目前我们的 Studio 是不开源的,所以接入你们系统的话 @jerry.liang 需要大佬来回复了

目前我们展示图数据的组件还未开源出来,这个只能你自己开发了。同时即使这个组件开源出来,你怎么在自己的系统中获取需要组件展现的数据呢?因为上图的数据是通过多个步骤查询拼接出来的数据。

另外,你是想在自己的系统中展现这个图数据,还是说,你想在系统内做一个类似图探索的功能?

应该是图探索把,主要想做成可视化的;

基于一个点,遍历出与这个点有关联的所有信息;

目前这边暂时没有办法把单个功能开源出去供用户集成,我们这个是用d3.js的可视化工具来实现图探索的,大致思路就是通过图形化操作变成ngql语句,然后查询数据库返回数据后,进行拼接显示。你想集成到自己系统的话,目前只能自己开发。

1 个赞

了解了,多谢!

1 个赞

你好, 我有这样的一条查询语句,GO 2 step FROM 1000201909161000423 OVER relation YIELD relation._dst,relation._src, relation.name , 返回的值怎么用d3.js 显示

这是一个设计实现问题哈,简单来说,可视化显示图就是基于图数据来进行可视化,图由 点 和 边构成。所以你的问题应该是要用d3.js来显示,你先得获取点和边的数据。以上面查询语句为例,通过查询如何获取点和边的数据,从这条语句你能解析到的数据有:

  • 起点:relation._src
  • 终点:relation._dst
  • 边:relation
    这些数据已经可以描绘出一条边了,以此类推,显示成图

jerry,“基于一个点,遍历出与这个点有关联的所有信息” 这两天看了下帖子,这个问题好像都是共性需求哇,是否可以在论坛上公开一下这个方法,供新手们学习 :smiley:

其实就是从查询的角度来思考,转化为这么一个问题:如何通过ngql语句,完成“基于一个点,遍历出与这个点所关联的所有信息”,大致思路:

  1. 通过查询go语句,找出指定步数的,指定方向的所有点
  2. 再通过这些所有点的vid,获取对应点的详细信息
    以上是大致的步骤,就是通过一堆相关联查询,逐步完成想要获取的数据拼接

最终前端通过试用react这样,数据驱动视图更新的框架,完成可视化的显示:handshake:

1 个赞