GoJS库中所有的主要模块及其概念整理

news/2024/7/19 13:49:47 标签: 信息可视化, js

最近在学习Gojs库,一些学习总结如下:

Diagram:该模块定义了用于呈现一个可视化图表的主要组件,以及用于控制图表样式和交互的属性和方法。

Model:该模块定义了模型元素(节点和连线)的属性和数据,以及管理和保存模型状态的方法和事件。

Part:该模块定义了所有可见的元素(包括节点、连线、文本、图片等),并提供了基本的渲染方法和样式设置。

Panel:该模块定义了布局管理器,用于控制元素在另一个元素中的位置和大小,以及指定一些附加的面板属性(如背景色、边框等)。

Binding:该模块定义了数据绑定,可以将模型数据直接呈现为图表元素,或将用户的输入反向绑定到模型数据中。

Tool:该模块定义了一些交互工具,用于匹配用户期望操作的功能(如选择工具、移动工具、缩放工具等)。

CommandHandler:该模块定义了命令处理程序,可以通过命令方式执行各种操作(如撤销、重做、复制、粘贴、删除等)。

Animation:该模块定义了动画功能,可以用于动态调整图表元素的属性,例如位置、大小和颜色等。

Layout:该模块定义了布局算法,用于自动调整节点的位置和连线拐点,以实现更具有可读性和美感的布局效果。

Extensions:该模块提供了各种插件和扩展,例如自动选择工具、SVG输出工具、Vue.js绑定等。

这些是GoJS库中的主要模块和概念。了解这些模块可以帮助更好地理解GoJS库,以便创建自己的交互式图表和数据可视化。希望能帮助到小伙伴,欢迎大家讨论。


http://www.niftyadmin.cn/n/320521.html

相关文章

umi4中 设置环境变量

毕竟一般来说 我们开发的时候 都对应有三套环境 开发测试和生产 分别对应 dev test prod 对于vue或者umi3同学可能熟悉哈 我这一年多没有搞过react项目的了,一上来环境变量 就把我搞的有点懵了 还好之前才过很多坑了 首先我还是建议安装一个 cross-env pnpm add cross-env -…

【5G RRC】5G中的服务小区和邻区测量方法

博主未授权任何人或组织机构转载博主任何原创文章,感谢各位对原创的支持! 博主链接 本人就职于国际知名终端厂商,负责modem芯片研发。 在5G早期负责终端数据业务层、核心网相关的开发工作,目前牵头6G算力网络技术标准研究。 博客…

Web3 Wallet潜在需求和产品改进方案

前言 随着近年区块链技术发展和Web3不断破圈,Web3 Wallet的产品也日渐成熟完善,不过看似成熟的Web3 Wallet产品,更多的是大同小异的功能,能真正在细节上做的很好,真正能够满足用户需求的Wallet仍是凤毛麟角。接下来,分析下一些潜在的仍然被满足,而且依然非常重要的需求…

【2023华为OD笔试必会25题--C语言版】《18 最短木板长度》——数组

本专栏收录了华为OD 2022 Q4和2023Q1笔试题目,100分类别中的出现频率最高(至少出现100次)的25道,每篇文章包括原始题目 和 我亲自编写并在Visual Studio中运行成功的C语言代码。 仅供参考、启发使用,切不可照搬、照抄,查重倒是可以过,但后面的技术面试还是会暴露的。✨✨…

ChatGPT与Discord无缝接入指南,获取你的专属聊天机器人

ChatGPT与Discord无缝接入指南,获取你的专属聊天机器人 一、获取OpenAI API密钥。二、获取Discord Token三、注册GitHub,有账号的可以直接登录。四、在线开发环境搭建Replit五、注册cron-job.org本教程收集于: AIGC从入门到精通教程 ChatGPT和Discord都非常流行,而在Disco…

力扣sql中等篇练习(二十)

力扣sql中等篇练习(二十) 1 寻找面试候选人 1.1 题目内容 1.1.1 基本题目信息1 1.1.2 基本题目信息2 1.1.3 示例输入输出 a 示例输入 b 示例输出 1.2 示例sql语句 # 分为以下两者情况,分别考虑,然后union进行处理(有可能同时满足,需要去进行去重) # ①该用户在 三场及更多…

Java基础知识:1,DOS命令

1,盘名称 加 : 进入该盘目录下 例如:e: 进入e盘 2,dir 查看当前路径下文件和文件夹 3,md 文件夹名字 》 创建文件夹(md后要加空格) (md make directory) 4,c…

前端模块化

什么是模块化 事实上模块化开发最终目的是将程序划分成一个个小的结构在这个结构中编写属于自己的逻辑代码,有自己的作用域,不会影响到其他的结构这个结构可以将自己希望暴露的变量、函数、对象等导出给其他结构使用。可以通过某种方式,导入…