- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
mxgraph教程_graph绘图
mxGraph官方资料全英文，网上有几篇mxGraph的教程，对于“入门”和“使用”讲解得比较详细。 需要读者对mxGraph的文档有一定的了解或者使用mxGraph。 mxGraph的使用场景 mxGraph的使用场景有4个：图形可视化、图形交互、图形布局、图形分析。 mxGraph的核心概念cell cell这个概念可以理解成为双向数据绑定中的数据模型，我们需要修改图形的时候，应该通过mxGraph提供的API来修改mxCell实例的属性，然后mxGraph的绘图函数来根据数据模型来修改视图 mxGraph的布局算法 不少开发者看到“算法”这个词就会犯怵，觉得很复杂、难以理解。 但其实mxGraph的布局算法并没有那么难以理解。 钻取/弹出；3.分层过滤显示 mxGraph的定制化 很多时候我们还需要对mxGraph绘制的图形进行定制化开发，主要为下面几点。 样式 mxGraph对样式的支持是非常不完善的。
3K10编辑于 2022-11-17 - 来自专栏jQuery每日经典
超强的前端工具，在线绘制各种图形-mxGraph
GitHub:https://github.com/jgraph/mxgraph 网站描述:一个完整的客户端JavaScript图表库 mxGraph是一个强大的JavaScript流程图前端库， 绘图组件适用于需要在网页中设计 mxGraph同时也是一个支持多种语言（Java、 JavaScript 、 PHP 、.NET）的画图框架。 mxGraph的使用场景 mxGraph的使用场景有4个：图形可视化、图形交互、图形布局、图形分析。 图形可视化 图形可视化是mxGraph的主打功能，这个很好理解，就是把一些抽象的概念用图形来表示，比如常见的流程图、思维导图、实体关系图等。 需要注意的是mxGraph所绘制的图主要是由“点”（也包括矩形、圆形这类基本形状）和“边”组成的。
3.3K20发布于 2020-07-20 - 来自专栏Czy‘s Blog
基于drawio构建流程图编辑器
独立编辑器 首先我们来研究下作为独立编辑器集成到我们自己项目当中的方式，我们先来看一下mxGraph项目，文档地址为https://jgraph.github.io/mxgraph/，可以看到mxGraph 另外可以说句题外话，如果目前有需要使用mxGraph作为基础从零开发新项目而不是想集成已有的项目，目前更推荐使用maxGraph来完成，mxGraph早已停止维护，而maxGraph尽可能提供与mxGraph 回到集成独立编辑器的问题上来，我们的目标是要Graph Editor，而这个编辑器又是以mxGraph为基础完成的，所以我们当前的第一步就是将mxGraph作为依赖安装，mxGraph是有npm包的，所以直接安装这个依赖就可以了 mxGraph，另外如果有必要的话可以配置externals来避免需要完整打包mxGraph，这方面配置在这里就不再赘述了。 Example的流程图编辑器NPM包，但是毕竟mxGraph已经不再维护，而JGraph在mxGraph Example的基础上又扩展开发了drawio，这是个长期维护的项目，即使drawio不接受贡献
2.4K10编辑于 2023-07-10 - 来自专栏跟牛老师一起学WEBGIS
Vue中实现在线画流程图实现
在本文，分享在Vue框架下基于metaeditor-mxgraph实现在线流程图。 实现效果 实现 1. 添加依赖 { "metaeditor-mxgraph": "^2.0.7" } 2. 编辑器简介 metaeditor-mxgraph，图元编辑器，支持独立的流程图编辑器，以及 DrawIO 嵌入方案。 文档地址为：https://npm.io/package/metaeditor-mxgraph。 3. template>
</template> <script> import 'metaeditor-mxgraph /assets/index.scss' import { MetaEditor } from 'metaeditor-mxgraph' const { MetaGraphEditor, getLanguage70110编辑于 2024-12-30 - 来自专栏全栈程序员必看
最火前端Web组态软件(可视化)
正文： 1.mxgraph： 介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实现基本都是借助于这个框架来实现的。 演示demo：Grapheditor mxgraph官方文档API：mxCell 最大的交流社区：Diagram Software and Flowchart Maker 交流社区2：https://stackoverflow.com /questions/tagged/mxgraph github：https://github.com/jgraph/mxgraph 效果： 2.le5le-topology： 介绍：A diagram github.com/le5le-com/topology gitee：topology: 开源、易扩展、方便集成的在线绘图（微服务架构图、网络拓扑图、流程图等）工具 效果： 3.draw.io 介绍：和mxgraph 绘图协议 12、WVGL 介绍：V虚拟现实行业 13、iNeuOS 效果： 介绍：一个工业物联网的web组态，将组态和操作系统结合的模式，登录平台类似进入一台服务器；可以有效防止源码泄露；应该也是基于mxgraph
4.5K30编辑于 2022-09-02 - 来自专栏又见苍岚
Hexo -38- Drawio 嵌入博客
DOCTYPE html> <html> <head> <title>未命名绘图</title> <meta charset="utf-8"/> </head> <body><div class="<em>mxgraph</em> " style="max-width:100%;border:1px solid transparent;" data-mxgraph="{"highlight":"#0000ff viewer-static.min.js 使用方法 在使用 drawio 导出代码时替换 js 文件路径即可 向文章中添加 html 代码 在 Markdown 文件中直接粘贴上述代码即可 例如： <div class="<em>mxgraph</em> " style="max-width:100%;border:1px solid transparent;" data-mxgraph="{"highlight":"#0000ff
2K50编辑于 2023-01-11 - 来自专栏NebulaGraph 技术文章
用图机器学习探索 A 股个股相关性变化
在本文中我们将介绍如何使用 Java 语言的图分析库 JGraphT 5 并借助绘图库 mxgraph 6 ，可视化探索 A 股的行业个股的相关性随时间的变化情况。 导出的 GraphViz 可被导入可视化工具 Gephi10 进行分析与展示； 可以方便地使用其他绘图组件，如：JGraphX，mxGraph，Guava Graphs Generators 等工具绘制出图网络 , Map<String, VertexDomain> idVertexMap) throws IOException { // Creates graph with model mxGraph graph = new mxGraph(); Object parent = graph.getDefaultParent(); // set style graph.getModel diagramming library that enables interactive graph and charting applications. https://jgraph.github.io/mxgraph
1.7K20发布于 2020-09-24 - 来自专栏.NET企业级解决方案应用与咨询
.NET Core/.NET5/.NET6 开源项目汇总3：工作流组件
MongoDB MS SQL Server MySql Sqlite Redis PostgreSQL GitHub：https://github.com/danielgerlag/workflow-core mxGraph mxGraph包包含一个用JavaScript编写的客户端软件，以及各种语言的一系列后端（.NET、Java、PHP）。
3.8K31发布于 2021-06-24 - 来自专栏Dotnet9
.NET Core/.NET5/.NET6 开源项目：工作流组件
MongoDB MS SQL Server MySql Sqlite Redis PostgreSQL GitHub：https://github.com/danielgerlag/workflow-core mxGraph mxGraph包包含一个用JavaScript编写的客户端软件，以及各种语言的一系列后端（.NET、Java、PHP）。
2.3K10编辑于 2021-12-08 - 来自专栏javascript技术
Webpack提示“the request of a dependency is an expression”解决办法
a dependency is an expression”这种require语法是正确的，但webpack不能处理require中的表达式，只能识别字符串，如：var mx = require('mxgraph
3.7K30编辑于 2023-09-27 - 来自专栏phodal
图的抽象：如何从概念的定义中提取模型？
在研究了 Mermaid、Cytoscape、Drawio/MxGraph/MaxGraph、Excalidraw 等图形库之后，大概写了两个 PoC（概念验证）： 数据的处理。 而在 maxGraph（MxGraph 的 TypeScript 版本里），Geometry 下包含了节点（Node）和线条（ Edge），在这时可以认为是他们的子类。
2.6K10编辑于 2022-08-25 - 来自专栏前端专精
代码逻辑梳理神器：代码转流程图的在线工具的应用实践与技术复现
path.node.id.name); } }); ②图形转换层 选择渲染流程图的方式，然后根据AST解析的结果生成，debug996.com使用的是draw.io，draw.io是基于mxgraph 开发的一个组件库，有着比较好的社区生态和较为全面的用户界面，比较稳定有利于二次开发，同时mxgraph几乎是所有流程图的鼻祖，灵活度相对较高。
3.1K20编辑于 2025-05-08 - 来自专栏Khan安全团队
用于威胁建模的 Draw.io
对此进行初步研究时，我遇到了mxgraph项目，它似乎是完美的核心图表组件。
1.4K10编辑于 2022-01-19 - 来自专栏程序源代码
activiti开源流程平台
技术框架 后端技术：Spring+SpringMVC+Mybatis 前端技术：Jquery+Bootstrap+Extjs6.2.1+Mxgraph 其它技术：接口采用Swagger2，全文检索：solr4.10
2.7K40发布于 2019-07-05 - 来自专栏phodal
图表即代码：以代码化的方式构建新一代图形库 —— Feakin
诸如于 .excalidraw 的 JSON 形式， .drawio 文件采用的编码后的 mxgraph 的 XML 格式，它们都是图形的一种类型的领域特定语言。 只是呢： Draw.io 的代码是 ES5 时代的核心引擎 mxgraph 已经不维护了，一个难以维护的遗留系统 Draw.io 的其中一个可参考的点是 —— 内置了对其它图表库的支持，如 Mermaid
1.4K10编辑于 2022-07-19 - 来自专栏phodal
如何构建一个在线绘图工具：Feakin 是如何设计与构建的？
MaxGraph MaxGraph 是 Draw.io 底层的 mxGraph 的 TypeScript 实现，最开始研究时，是为了导入 Draw.io 生成的图。 在 Draw.io 中默认的 Triangle 和正确的三角形不一样，正确的类似应该是 mxgraph.basic.acute_triangle 。
2K30编辑于 2022-08-29 - 来自专栏前端专精
使用OCR库Pix2Text执行p2t.recognize()时出现list index out of range的错误信息（附有Pix2Text识别图片内容和laTex公式的代码）
四、总结 有时候报错并不是你代码有问题，源码出错也是很常见的情况，比如之前使用mxgraph也出现了不知名bug，最后也是修改的源码解决的。
76300编辑于 2025-01-22 - 来自专栏phodal
Quake 一个开源的知识管理元框架
如 MxGraph、Mermaid、Ledge Framework 等 所以，就有了：https://github.com/phodal/quake Quake：知识管理元框架 Quake 的目标是构建面向极客的知识管理元框架
1.1K10编辑于 2021-12-09 - 来自专栏有意思的前端世界
我用这些开源项目轻松搭建了一个在线文档平台
bpmn-js做的BPMN流程图，基本使用比较简单，但是找半天没有找到详细的文档，它的官方示例看着还不错，但是也没找到源码，最终也没有完全实现出它的效果： 在用bpmn-js做完后又发现了一个更强大的流程图框架mxgraph
2.6K30编辑于 2022-06-15 - 来自专栏AlwaysBeta
工作流引擎架构设计
目前主流的流程设计器有 Activiti-Modeler，mxGraph，bpmn-js 等，下面来做一个简单介绍。 由于 mxGraph 是一个开放的 js 绘图开发框架，我们可以开发出很炫的样式，或者完全按照项目需求定制。
4.3K30编辑于 2023-01-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号