mxGraph

mxgraph学习（一）

写在前面：最近项目中有个模块，是需要在页面绘制体现数据从数据库到表数据的变化历史。其中有两个概念：‘数据血源’，‘影响分析’。也就是模仿kettel的呈现效果，在项目页面上直接呈现，不必打开kettel去一一查看数据的历史。大概的背景是这样。雏形：在此基础上我还需要实现：图的可拖动，可放大缩小。以及点击事件等。因此各种找资源学习，以下是一些学习连接：官方文档：https://jgraph.gith
青耳~·2020-08-15 14:07

mxGraph实战（二）

继mxGraph（一）的学习实践，我最近有根据官方的实例实现了图中画布的大小改变，还可以增加右上角的概览窗口。背景：react+mxGraph.要求:实现画布中每个控件有图标，label。
青耳~·2020-08-15 14:07

收集的几个开源Javascript图形库,非常不错.

最近一直在寻求相关的Javascript图形库,在尝试用GoogleMapAPI提供的javascript接口绘图时发现其效果和效率都不太理想,同时也用过jsgraphics库,也不是很好.又在网上找到了下面几个.mxGraphmxGraph
weixin_30404405·2020-07-29 11:35

mxgraph中echarts图形引入

mxgraph中如何引入echarts图表的对象。比如我要引入曲线、仪表盘、饼图等绑定参数实现动态的控制图表的显示。
尔嵘·2020-07-29 09:11

js画图开发库--mxgraph--[wires-电路图.html]

js画图开发库--mxgraph--[wires-电路图.html]电路图mxBasePath='..
iteye_17920·2020-07-11 08:22

mxgraph使用 之设置style

设置vertex的stylevarstyle=newObject();style[mxConstants.STYLE_SHAPE]=mxConstants.SHAPE_RECTANGLE;style[mxConstants.STYLE_PERIMETER]=mxPerimeter.RectanglePerimeter;style[mxConstants.STYLE_ALIGN]=mxConstan
ross·2020-07-02 00:12

使用mxGraph绘制流程图

mxGraph是一个强大的JavaScript流程图前端库，可以快速创建交互式图表和图表应用程序，国内外著名的ProcessOne和draw.io都是使用该库创建的强大的在线流程图绘制网站.这个库相当强大和复杂
周公淡·2020-06-30 21:58

mxGraph API

他引用的mxGraphModel包含了mxCells和缓存了mxGraphView中的cells的状态。mxCellRender基于mxStylesh
zwhfyy·2020-06-30 19:42

mxgraph进阶(三)Web绘图—mxGraph项目实战

为此，自己想到了mxGraph，遂决定学习之。起步此次项目实战是受阅读参考文献[1]启发，并在其图形布局实例基础上进行。其原始界面如图1所示，自己要实现的界面布局与之颇有几分神似。只是该布局界面不
东边的小山·2020-06-30 07:08

mxGraph开发入门指南

Overview概述mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。
yczz·2020-06-30 06:18

vue中使用mxgraph杂谈记

最近呢写了一个vue项目，是一个正常的后台管理系统，除开权限管理/二级路由/增删改查这些常规的功能外，值得再提的就是在这个vue项目里使用了mxgraph这个库。
一头浓密的黑发·2020-06-29 15:12

数据驱动的核心即是建立良好的数据模型

简单说下需求：由于流程图绘制的页面使用了mxgraph这个库，所以前后端定义的交互格式是这样：
一头浓密的黑发·2020-06-29 15:11

关于mxGraph的学习小结

使用mxGraph的过程，也是学习的过程。
weixin_38601190·2020-06-28 21:41

mxGraph浅入之 mxEditor

这次说一下mxGraph的核心类mxEditor，字面意思是编辑器，官方意思：一个继承自mxEventSource类，为了实现一个应用程序的、graph的包装器。
孺子牛丶·2020-06-28 20:55

mxGraph学习一—— helloworld例子解读

mxGraph从helloworld开始学习helloword文件在源码的路径：mxgraph-master\javascript\examples\helloworld.htmlmxGraph中的HelloWorld
weixin_37705284·2020-06-28 20:10

mxGraph使用经验总结

mxGraph是一个支持多种语言（Java、JavaScript、PHP、.NET）的画图框架，所绘制的图形可以在主流浏览器以及原生应用上使用。
weixin_34384557·2020-06-28 18:10

mxgraph的艰难入门

部门老大给我们推荐了mxgraph这个绘图js库，希望我们能够熟练掌握。于是我就先着手开始研究起来了。不过我现在对于mxgraph的掌握还非常的渣，这篇文章是记录到现在为止我的学习成果。
weixin_34302561·2020-06-28 16:02

vue引入mxGrpah

第一步：下载npm包npminstallmxgraph--save复制代码第二步：新建一个index.js文件文件内容如下importmxfrom'mxgraph';constmxgraph=mx({mxImageBasePath
weixin_34010566·2020-06-28 09:59

mxgraph入门 之 mxcell的操作方法

上回说到ExtJs与mxgraph的结合，掌握这些后，我们便可以说说怎么操作mxcell1.首先，神马是mxcell：根据mxgraph的js部分的API，我们得知，mxCell就是在图中那些顶点和边的组合
mj_小军·2020-06-27 09:17

mxGraph编程之加载流程Xml数据显示

最近因项目要求，研究了一下mxGraph的用法，总结了一些使用mxGraph的心得体会。mxGraph自不必多言，史上最强大的web流程图绘制插件，没有之一。
开源骑士·2020-06-27 05:40

vue-cli中使用mxgraph读取xml文件渲染画布失败问题及解决方案

在vue中用模块加载mxgraph的时候，读取xml渲染画布出现无效的问题。
tanqis·2020-06-26 18:10

mxgraph进阶(四)mxGraph再启程

mxgraph进阶(四)mxGraph再启程前言  小论文ConstructingUserInteractionBehaviorsNetfromSystemLog.
No Silver Bullet·2020-06-26 15:09

mxgraph进阶(五)搭建mxGraph简单应用

mxgraph进阶(五)搭建mxGraph简单应用使用前准备  mxBasePath变量用来定义库资源的目录。这个变量必须在加载库前就定义好。
No Silver Bullet·2020-06-26 15:09

mxgraph进阶(三)Web绘图——mxGraph项目实战(精华篇)

Web绘图——mxGraph项目实战(精华篇)声明  本文部分内容所属论文现已发表，请慎重对待。
No Silver Bullet·2020-06-26 15:35

mxgraph-官方demo(1)

东西学得杂乱无章..没有一个可以深入的..很无奈，更无奈的是这东西基本没有文档..没办法工作要用到..也好,看看大牛们怎么在web里实际应用的.mxgraph的第一天,加油..无标题文档(functionmain
songzheng_741·2020-06-26 13:39

踩坑笔记（MxGraph)

踩坑笔记（MxGraph）一、更换js和css引用路径二、GraphEditor文件执行顺序三、自定义左侧侧边栏四、自定义右侧侧边栏五、自定义右击弹出菜单六、导出局部图形xml→png一、更换js和css
过重的背包·2020-06-25 08:40

mxGraph 入门实例教程

在上一篇文章《记一次绘图框架技术选型:jsPlumbVSmxGraph》中，提到了我为什么要去学习mxGraph。
qq_26277237·2020-06-25 02:09

在线画图工具【高仿rose】方便地画工作流

在线画图工具http://www.mxgraph.com/demo/mxgraph/editors/diagrameditor.html无意间发现了在线画图、图片处理的工具，有些很不错，有些挺好玩的，就记录了下来
iteye_3606·2020-06-23 19:22

mxgraph入门 之 mxcell的操作方法

上回说到ExtJs与mxgraph的结合，掌握这些后，我们便可以说说怎么操作mxcell1.首先，神马是mxcell：根据mxgraph的js部分的API，我们得知，mxCell就是在图中那些顶点和边的组合
iteye_19962·2020-06-23 19:50

mxgraph 的初步介绍与开发入门

mxgraph是一个用于画流程图的前台框架，目前没有中文的API，但要学习它也不是很难，我们可以参考它的包中自带的实例。那些实例基本上包括了你所需要的各种应用。
iteye_19962·2020-06-23 19:50

js画图开发库--mxgraph--[stencils-形状可变.html]

js画图开发库--mxgraph--[stencils-形状可变.html形状可变mxBasePath='..
iteye_17920·2020-06-23 19:40

mxGraph Tutorial

mxGraph介绍mxGraph是一个支持图形交互的js框架.mxGraph主要由一个包含所有mxGraph功能的JavaScript文件组成。
id_hanwb1·2020-06-23 12:49

mxGraph实现鱼骨图（因果图）

鱼骨图由日本管理大师石川馨先生所发明，故又名石川图。鱼骨图是一种发现问题“根本原因”的方法，它也可以称之为“Ishikawa”或者“因果图”。其特点是简捷实用，深入直观。它看上去有些象鱼骨，问题或缺陷（即后果）标在"鱼头"外。在鱼骨上长出鱼刺，上面按出现机会多寡列出产生生产问题的可能原因，有助于说明各个原因之间如何相互影响。这玩意儿就体现了一个什么5w1h的管理方法，经过我将近4周的时间捣鼓。由于
海阔山遥-未知何处是潇湘·2020-06-23 11:21

mxGraph定位盲区图形到绘图区域中心位置

首先我们需要一个mxGraph的全局对象，暂且就定义为ylEditor.ylCanvas吧。接下来我们要定义一个查找图形cell的方法，只有通过这个方法，才能找到画布中我们想要的
海阔山遥-未知何处是潇湘·2020-06-23 11:50

mxGraph图形文本自动换行

两种方式。1、直接设置默认样式style[mxConstants.STYLE_WHITE_SPACE]='wrap'2、重写mxCellRenderer.prototype.createLabel方法，将其中state.text进行更改，原来的代码如下state.text=newmxText(value,newmxRectangle(),(state.style[mxConstants.STYLE
海阔山遥-未知何处是潇湘·2020-06-23 11:50

mxgraph 画布

画布自动扩大/缩小计算：//得到所拖拽图形相对于画布的位置（-880，-100）varx=Math.ceil(bounds.x/this.view.scale-this.view.translate.x);vary=Math.ceil(bounds.y/this.view.scale-this.view.translate.y);//根据缩放比例拿到长宽varw=Math.floor(bounds
aimeizi1314·2020-06-22 13:59

最火Web前端组态软件(可视化)

正文：1.mxgraph：介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实现基本都是借助于这个框架来实现的。
尔嵘·2020-06-22 08:29

mxgraph中如何修改鼠标右键

默认是全英文的，可以改为我们习惯的中文。找到resources文件夹下面的grapheditor.txt文件，找到对应的变量名和变量值就行了。比如：#Resourcesfromgraph.propertiesalreadyConnected=Nodesalreadyconnectedcancel=Cancelclose=Closecollapse-expand=Collapse/Expandcon
尔嵘·2020-06-22 08:58

mxgraph的API文档

mxgraph的API文档：查看原文目录mxgraph的API文档：OverviewEventsKeybindingsConfigurationReservedWordsFilesBuilt-inImagesResourcesImagesDeploymentSourceCodeCompressionClassesSubclassingConstructorFunctionsVariables
尔嵘·2020-06-22 08:58

【mxGraph】源码学习：（5）mxGraph

由于mxGraph源文件有一万多行，且涉及很多其它源文件，所以重点在于了解mxGraph的作用、结构以及定义了哪些方法1.概览1.1作用mxGraph继承自mxEventSource以实现基于Web的图形组件的功能性方面
widiot0x·2020-06-22 08:15

【mxGraph】源码学习：（1）mxGraph库

基于mxGraph3.9.9，记录学习收获1.mxGraph库简介mxGraph是一个JavaScript图表库，可以快速创建交互式图形和图表应用程序，这些应用程序可以在其供应商支持的任何主要浏览器中运行
widiot0x·2020-06-22 08:15

vue项目中如何使用mxgraph进行可视化操作

最近公司需要使用mxgraph，来进行流程图的开发，由于我是第一次接触这个库，所以踩到的坑还是挺多，最坑爹的网上关于这个库的资料实在是太少了，它的文档还是英文文档。所以开发起来还是有点痛苦的。
等不回天亮等时光·2020-06-22 02:11

mxgraph进阶(二)mxgraph的初步介绍与开发入门

mxgraph的初步介绍与开发入门前言由于小论文实验需求，需要实现根据用户日志提取出行为序列，然后根据行为序列生成有向图的形式，并且连接相邻动作的弧上标有执行此次相邻动作的频次。
No Silver Bullet·2020-06-21 07:07

mxGraph进阶(一)mxGraph教程-开发入门指南

mxGraph教程-开发入门指南概述mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。
No Silver Bullet·2020-06-21 07:07

mxGraph 如何实现自定义工具箱

概述本篇的内容是围绕如何使用vue和mxGraph实现一个自定义的工具箱。主要完成以下功能：自定义工具箱的内容。从工具箱中拖拽一个工具项到绘画区并生成对应的cell。
懒牛不爱梳毛·2020-06-21 01:39

mxGraph中mxStencil的使用教程

mxStencil是什么mxStencil是mxGraph提供的用于描述一类图形的xml，有什么用处呢？简单来说，就是给我们生成自定义图形提供了另外一种渠道。
懒牛不爱梳毛·2020-06-21 01:39

Vue-cli3 生成的 Vue 项目加载Mxgraph

vuecreate[项目名]安装mxgraph。cnpminstallmxgraph--save安装exports-loader。
懒牛不爱梳毛·2020-06-21 01:39

Vue-cli3生成的Vue项目加载Mxgraph方法示例

vuecreate[项目名]安装mxgraph。cnpminstallmxgraph--save安装exports-loader。
·2020-05-31 11:04

在React和Vue中引入mxGraph示例

本文简单记录一下在项目中引入mxGraph到React和Vue中。关于mxGraph是什么请自行搜索。
jenemy·2019-12-22 21:33

基于mxgraph.js开发的流程图组件

1.fabric.js在决定使用mxgraph.js开发流程图之前，尝试过用fabric.js来开发，结果发现并没有想象中的那么简单，而且用户体验非常差，下面是体验地址：workFlow直到遇到一个致命
_我亦是行人·2019-12-11 16:00
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他