原文:基于G6画个xmind出来

公司产品因为业务发展,出现了一个新的需求:需要去实现知识库的层级知识展示,展示效果通过树图来实现,具体的展示形式可见下图: 其中有几个需要注意点: 节点上的详情icon可以点击,点击展开关闭详情 节点后的伸缩icon在伸缩状态下需要显示当前节点的子节点个数 这个效果有点类似xmind的交互效果了,但是树的节点不论是样式还是点击事件都被高度定制了,在这种情况下基于配置的Echarts们就无用武之地了 ...

2019-11-08 14:26 4 555 推荐指数:

查看详情

AntV/G6入门

官方教程 安装 使用 vue 作为模板 步骤 元素及其配置 布局Layout 交互行为Behavior 插件与交互工具 ...

Fri Mar 11 19:01:00 CST 2022 0 7255
antv g6

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title ...

Wed Aug 08 08:09:00 CST 2018 0 1444
antv/G6 琐碎点

fitView fitView :为了能够将超出画布的图适配到视野中,在实例化图时使用了 fitView 配置项 复杂的布局系统会打破适配的规则,所以去掉 type: 'fo ...

Mon Aug 02 23:44:00 CST 2021 0 167
antv G6 API文档

https://antvis.github.io/g6/api/index.html ...

Tue Jul 16 22:20:00 CST 2019 0 1583
22-vue g6 hello world

原文:https://blog.csdn.net/clj198606061111/article/details/90762216 在下当前所在项目需要弄一个流程图,前端框架用的vue,所以研究一下g6在vue下的使用。 g6介绍G6 是蚂蚁金服旗下一个开源图可视化框架。它提供了一套图 ...

Fri Jun 21 23:26:00 CST 2019 0 971
AntV 架构演进-G6

此文转载自:https://my.oschina.net/u/4309229/blog/3164865 LiteOS Studio图形化调测能力,物联网打工人必备!>>> 本文作者:AntV 架构师-萧庆 简介 G6 是一个图 ...

Sat Dec 26 02:04:00 CST 2020 0 453
G6 自定义 DOM 节点

效果: 代码: View Code 地址:https://codesandbox.io/s/small-cloud-3ykjf?file=/ind ...

Wed Nov 18 17:46:00 CST 2020 0 1643
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM