MindFusion.Diagramming for WinForms是一个能帮助你创建工作流和进程图表的.NET控件；数据库实体关系图表；组织图表；对象层次和关系图表；图表和树。它是基于对象－图表框，表格和箭头类型，将其归类分派给其他并结合成复杂的结构。该控件提供超过预先定义的50多种图表框，如自定义设计样式和对图表框着色等。
点击下载MindFusion.Diagramming for WinForms最新试用版
在此博客文章中，我们将演示如何设置Unix / Linux系统以在Electron.js下运行示例JavaScript图应用程序。我们使用一台运行Raspberry Pi OS的Raspberry Pi计算机，Raspberry Pi OS是为Raspberry Pi硬件而优化的基于Debian的OS。
这是我们的测试应用程序的外观：
1.安装NPM和Node.js
我们想要干净安装Node.js和npm，这就是为什么我们删除所有以前的版本和安装的原因，如果有的话：
sudo apt-get remove nodejs
sudo apt-get remove npm
卸载npm和Node.js后，我们将删除npm和node_modules文件夹的内容。
sudo rm -rf ~/.npm
sudo rm -rf /usr/local/lib/node_modules
然后，我们通过直接从npmjs网站运行安装脚本来安装npm和node.js：
curl -0 -L https://npmjs.org/install.sh | sudo sh
我们可以通过查询系统当前的npm和node.js版本来检查安装是否成功：
npm -v
node -v
如果您已卸载npm来重新安装它，则可能会出现以下错误：
-bash: /usr/bin/npm: No such file or directory
常见的情况是新的npm安装在新位置，并且bash已缓存路径。跑
hash -r
删除所有以前存储的映射。
在开始安装electron之前，请确保当前用户具有对node_modules目录的写权限。我们检查谁是目录的所有者：
ls -la / usr / local / lib / node_modules
在我们的例子中，结果是：
drwxr-xr-x 3 root root 4096 Nov 30 12:48 .
drwxr-xr-x 6 root root 4096 Nov 30 12:29 …
drwxr-xr-x 9 root root 4096 Nov 30 12:29 npm
这意味着node_modules目录的读取权限归root（不是当前用户）所有。即使使用“ sudo”运行npm install命令，您仍可能会收到以下类型的访问冲突错误：
Error: EACCES: permission denied, mkdtemp ‘/usr/local/lib/node_modules/electron/electron-download-4LQBL9’
您可以通过授予当前用户权限来解决此问题：
sudo chown -R pi: /usr/local/lib/node_modules
在我们的情况下，该用户称为“ pi” –您需要在此处指定用户名。现在，该目录的查询返回：
pi@raspberrypi:~ $ ls -la /usr/local/lib/node_modules
total 12
drwxr-xr-x 3 pi pi 4096 Nov 30 12:48 .
drwxr-xr-x 6 pi root 4096 Nov 30 12:29 …
drwxr-xr-x 9 pi pi 4096 Nov 30 12:29 npm
现在我们准备安装Electron.js。我们通过以下方式在全球范围内安装它：
npm install electron -g
并且我们已经设置了系统来运行Node.js和Electron.js。
二.图表设置
我们使用Electron快速入门指南中的默认模板准备一个空白页。在网页的主体中，我们创建一个Canvas，该Canvas将被该图使用：
