antv g6对接后台数据_关系数据可视化框架 AntV - G6

软件介绍

G6 是一个由纯 JavaScript 编写的关系图基础技术框架,是解决流程图和关系分析的图表库,集成了大量的交互,可以轻松的进行动态流程图和关系网络的开发。

特性易用的图形、交互拓展订制

完备的 数据 -> 图形 映射语法

精致的、简单的、易用的、丰富的关系图

内含高效、丰富的布局算法

内含基础的关系图编辑行为

支持环境现代浏览器和 IE9 及以上。

安装

浏览器引入

通过 npm 安装

官方提供了 G6 npm 包,通过下面的命令即可完成安装npm install @antv/g6 --save

成功安装完成之后,即可使用 import 或 require 进行引用。import G6 from '@antv/g6';

const net = new G6.Net({

id: 'c1',

width: 600,

height: 300

});

示例代码

G6 中所有的图都由边和节点构成,只要给出节点和边数据,G6 就能为您绘制出关系图。

// 第三步:设置数据

const data = {

"nodes": [

{

"x": 140,

"y": 210,

"id": "

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值