随笔分类 -  可视化

可视化—gojs 超多超实用经验分享(四)
摘要：目录41.监听连线拖拽结束后的事件42.监听画布的修改事件43.监听节点被 del 删除后回调事件(用于实现调用接口做一些真实的删除操作)44.监听节点鼠标移入移出事件，hover 后显示特定元素45.监听树图实现鼠标点击节点本身展开或收起子节点的功能,而不是点击另外的按钮46.监听文本块编辑结束后 阅读全文
posted @ 2024-07-18 11:13 Echoyya、 阅读(1136) 评论(0) 推荐(4)
可视化—gojs 超多超实用经验分享(三)
摘要：目录32.go.Palette 一排放两个33.go.Palette 基本用法34.创建自己指向自己的连线35.设置不同的 groupTemplate 和 linkTemplate36.监听在图形对象 GraphObject 上的右键单击37.定义节点/连线/canvas 背景上的右键菜单38.从节 阅读全文
posted @ 2024-07-17 11:07 Echoyya、 阅读(570) 评论(0) 推荐(6)
可视化—gojs 超多超实用经验分享(二)
摘要：想了想序号还是接上一篇分享的的序号接着写，如果在本文中没有获取需要的答案，可以移步去看看上一篇的分享。gojs 超多超实用经验分享(一) 22. 指定线段连接到节点的某一个特定的接口上 如果不指定链接点的话，gojs会自动规划一条路径，具体算法还不是很清楚，总之大部分时候按默认的算法规划出来的路径， 阅读全文
posted @ 2023-05-16 15:52 Echoyya、 阅读(623) 评论(0) 推荐(0)
可视化—gojs 超多超实用经验分享(一)
摘要：可视化的库非常多，如：echarts、highcharts、antv 系列、d3、gojs..... 按照可自定义绘图的程度排序: gojs、d3js > antv > echarts 、highcharts 如果需求简单，不需要自定义图元素，那么 echarts 、highcharts 看中哪个 阅读全文
posted @ 2023-05-04 15:18 Echoyya、 阅读(2684) 评论(0) 推荐(14)
可视化—AntV G6 紧凑树实现节点与边动态样式、超过X条展示更多等实用小功能
摘要：通过一段时间的使用和学习，对G6有了更一步的经验，这篇博文主要从以下几个小功能着手介绍，文章最后会给出完整的demo代码。 1. 树图的基本布局和使用 树图的布局，使用的模板是官网所提供的 紧凑树模板，在此基础上，进行一些定制化的改造，官网紧凑树案例 属性说明： graph = new G6.Tre 阅读全文
posted @ 2023-03-29 14:36 Echoyya、 阅读(6328) 评论(0) 推荐(8)
可视化—AntV G6 高亮相邻节点的两种方式
摘要：通过官方文档，可知高亮相邻节点分为两种方法，文档描述并不是很清楚，对刚接触这个库的小白并不是很友好，慢慢总结慢慢来吧 内置的高亮节点 是通过内置的Behavior **activate-relations**来实现，Behavior 是 G6 提供的定义图上交互事件的机制。与交互模式 Mode配合使 阅读全文
posted @ 2022-12-28 15:57 Echoyya、 阅读(4971) 评论(0) 推荐(55)
可视化—D3学习笔记小小案例记录一下
摘要：D3全称是Data-Driven Documents数据驱动文档，是一个开源的javascript库，可以用于数据可视化图形的创建，该库更接近底层，与 g2、echarts 不同，d3 能直接操作 svg，所以拥有极大的自由度，几乎可以实现任何 2d 的设计需求。 正如其名 Data Driven 阅读全文
posted @ 2022-07-05 21:36 Echoyya、 阅读(713) 评论(0) 推荐(0)
可视化—AntV G6实现节点连线及展开收缩分组
摘要：AntV 是蚂蚁金服全新一代数据可视化解决方案，主要包含数据驱动的高交互可视化图形语法G2，专注解决流程与关系分析的图表库 G6、适于对性能、体积、扩展性要求严苛的场景。 demo使用**数字**模拟真实的节点及分组数据。combo内的nodes亦是使用随机数生成，节点之前的连线edges由节点从小 阅读全文
posted @ 2022-07-03 12:24 Echoyya、 阅读(7911) 评论(0) 推荐(1)