G6 3.6:放大每一处细节

Wesley13
• 阅读 655

G6 3.6:放大每一处细节

AntV G6 是一款开源的图可视化与分析引擎,看这儿。代码写秃了,发布稿不啰su..

话不多说,看 Feature

🛠 官方工具栏

G6 默认的工具栏提供重做、撤销、放大、缩小、实际大小、自适应屏幕功能,用户可以基于默认的工具栏进行扩展,也完全可以基于交互栈定义个性化的工具栏。

交互栈管理:基础功能通过参数控制入栈。

  • 入栈管理:graph.pushStack()
  • 获取栈数据:graph.getStackData()
  • 清空交互栈:graph.clearStack()

G6 3.6:放大每一处细节

🔍 鱼眼“老花镜”

节点相互遮挡、边相互交叉,想要的细节看不清。你遇到的所有痛苦 G6 都懂,鱼眼(Fisheye) 老花镜放大镜就是专治此类疑难杂症。引入 Fisheye 插件以后,鼠标所到之处,原本拥挤不堪的地方马上变得清晰有致。借助它,探索复杂数据更轻松。

G6 3.6:放大每一处细节

🕐 初探时序数据

通过时间探索图数据可以帮忙我们了解因果关系、事件的演变以及查看图数据随时间的变化。

基于 TimeBar 的探索是比较直观的用于探索时序图数据的方式,通过 TimeBar,我们可以:

  • 按时间和日期即时过滤数据;
  • 观察图数据的变化;
  • 探索网络和子图的趋势。

G6 3.6:放大每一处细节

📿 拉索任性选

点选过于机械、框选过于古板,拉索任性选是否能够满足你对选择的所有想法?如果不能满足,请给我们提 issue,更欢迎直接提 PR

G6 3.6:放大每一处细节

💘 箭头不再傻傻画不清

你想要的,我们都给你写好了。

G6 3.6:放大每一处细节

🧮 图算法加成

图算法进一步丰富,让你写更少的代码,拥有更多的分析能力。

  • 最短路径:经典的最短路径算法来了,路径规划、导航都离不开它。内置计算最短路径矩阵、邻接矩阵方法,任意两点间的最短路径,一行代码即刻获取;
  • 获取节点的度数 graph.getNodeDegree():想知道哪些节点和其他节点联系多?一个函数直接搞定节点的出度、入度、总度数的统计。

⚡️ 还有!还有!

我们所做的远不止你看到的这些,对于每一个细节,我们都尽力做到完美。

交互优化

  • (可配置)画布缩放时可固定选中元素的文本大小、描边粗细、节点大小;
  • 支持对单个图形的监听事件graph.on('x-shape:click', evt=>{}) 把每个像素点都监听得死死的!

性能优化

  • (可配置)拖拽时隐藏所有边及节点上的非 keyShape 部分,拖拽结束后再显示;
  • 持续减肥 ing(包大小) !

功能完善

  • 支持导出图片的 dataURL,直接传给后台更方便了!
  • fitView 把你的图缩放了?换成 fitCenter,平移图中心对齐到画布中心,保真!
  • 文本长度不好控制?使用 G6 内置的计算文本长度的方法;
  • tooltip 位置始终不如意?使用 offset 来调节;
  • 默认的 Grid 背景丑到爆?试试换成你喜欢的图片;
  • focusItem 聚焦到指定节点太生硬?带动画的 focusItem 香不香;
  • 抱怨 G6 API 少?获取 Graph 容器宽高、设置 zoom、获取节点邻居等一大批易用的 API 一次性都给你。

如果你觉得还有不完善的地方,那肯定是我们做的还不够好,你持续的反馈是我们前进的动力。

🏎 还要啥自行车?玛莎拉蒂随便提!

GitHub Issues,需求的殿堂。

GitHub Pull Requests,共创者的天堂。

💋 别走,大包还在路上

2020.08.25,G6 3.7.0 将会和大家见面, 先透露以下几个功能特性,更多功能敬请期待。

  • GPU Layout:GPU 布局支持,性能持续升级;
  • 节点自定义不好写,XML 格式等你来选;
  • Hull 轮廓包裹:散落各处的节点如何展现群组关系?别担心,hull支持生成自由轮廓包裹任意指定节点数组,关系表达自由灵活;
  • Legend 插件:图例插件即将登场,类别筛选、数值筛选,任君选择;
  • 文档升级
    • 教程与 API 结构即将迎来调整,让 G6 没有难找的 API 是我们一直的追求;
    • 交互式图配置工具 GraphMaker 即将接入,实时预览配置效果,一键导出代码,开发效率⬆️⬆️。

结语

为了增强分析能力,G6 集成了更多图算法;为了提升易用性,G6 增加了拉索选择和分析组件;为了让你不在复杂交错的点边中迷失,G6 内置了鱼眼放大镜;为了追上时序数据的潮流,我们设计了时间轴组件。做图可视化与分析,G6 在默默努力中,感谢您的关注。

> AntV G6 是一款开源的图可视化引擎,专注于图可视化及图分析领域。

> 欢迎关注和 star 我们的 GitHub:https://github.com/antvis/G6

> 官网:https://g6.antv.vision/zh/

G6 3.6:放大每一处细节

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Jacquelyn38 Jacquelyn38
2年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
2年前
Opencv中Mat矩阵相乘——点乘、dot、mul运算详解
Opencv中Mat矩阵相乘——点乘、dot、mul运算详解2016年09月02日00:00:36 \牧野(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fme.csdn.net%2Fdcrmg) 阅读数:59593
Stella981 Stella981
2年前
Android So动态加载 优雅实现与原理分析
背景:漫品Android客户端集成适配转换功能(基于目标识别(So库35M)和人脸识别库(5M)),导致apk体积50M左右,为优化客户端体验,决定实现So文件动态加载.!(https://oscimg.oschina.net/oscnet/00d1ff90e4b34869664fef59e3ec3fdd20b.png)点击上方“蓝字”关注我
Wesley13 Wesley13
2年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
2年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
2年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Stella981 Stella981
2年前
Hacker News 简讯 2020
!(https://oscimg.oschina.net/oscnet/up3b137e2e6620f7a63f11a96485b1fb3b.png)最后更新时间:2020082623:00
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
3个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这