【ReactJS】使用GoJS实现自己的图表App

目录

  • 1:用于绘制自定义图表的JavaScript库:
    • 用于绘制UML(或BPMN或ERD …)图表的JavaScript库:
  • 2:为什么选择GoJS?
  • 3:让我们使用现有的React应用程序:
    • 步骤1:
    • 步骤2:
    • 步骤3:
    • 步骤4:

推荐超级课程:

  • Docker快速入门到精通
  • Kubernetes入门到大师通关课
  • AWS云服务快速入门实战

在这里插入图片描述

1:用于绘制自定义图表的JavaScript库:

用于绘制UML(或BPMN或ERD …)图表的JavaScript库:

  • . JointJS
  • . Rappid
  • . MxGraph
  • . GoJS
  • . jsUML2库
  • . Mindfusion Diagram库
  • . Nomnoml
  • . Mermaid.js
  • . Diagram.js
  • . State.js

在本帖中,我将介绍GoJS。😉

2:为什么选择GoJS?

GoJS是一个功能丰富的JavaScript库,用于在现代浏览器和平台上实现交互式图表。
GoJS通过可定制的模板和布局使构建复杂节点、链接和组的图表变得简单。

GoJS提供许多高级功能,用于用户交互,如拖放、复制粘贴、事务状态和撤销管理、色板、概览、数据绑定模型、事件处理程序,
以及用于自定义操作的可扩展工具系统。
他们提供了150多个交互示例来帮助您开始使用BPMN、流程图、状态图、可视化树、Sankey和数据流等图表。
API文档非常完善,确保您可以立即开始使用它。

3:让我们使用现有的React应用程序:

步骤1:

安装:
首先安装GoJS和gojs-react:

npm install gojs gojs-react

导入:

import * 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/764366.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

git创建仓库、克隆、拉取、上传、历史等常见操作集锦

本地工作目录、暂存区、本地仓库和远程仓库 workspace工作区:本地项目地址index/stage暂存区:git add .将工作区内容加入到了暂存区repository本地仓库:在本地存储多个版本的文件,也称为版本库。其中有一个head指针指向最新放入仓库的文件版本,git commit -m "描述你…

[医学分割大模型系列] (1) SAM 分割大模型解析

[医学大模型系列] [1] SAM 分割大模型解析 1. 特点2. 网络结构2.1 Image encoder2.2 Prompt encoder2.3 Mask decoder 3. 数据引擎4. 讨论 论文地址:Segment Anything 开源地址:https://github.com/facebookresearch/segment-anything demo地址&#x…

C#,图片分层(Layer Bitmap)绘制,反色、高斯模糊及凹凸贴图等处理的高速算法与源程序

1 图像反色Invert 对图像处理的过程中会遇到一些场景需要将图片反色,反色就是取像素的互补色,比如当前像素是0X00FFFF,对其取反色就是0XFFFFFF – 0X00FFFF = 0XFF0000,依次对图像中的每个像素这样做,最后得到的就是原始2 图像的反色。 2 高斯模糊(Gauss Blur)算法 …

Word中文字重叠在一起怎么办

Word中文字重叠在一起怎么办 在编辑Word文档时,按照文档排版的设计,对其中的文字设置了字体和字号,没有设置以前,文字在Word中显示是正常的,不过,设置了字体字号后,文字在文档就却重叠在一起了&…

关于Linux环境下的LXD及Docker提权

希望和各位大佬一起学习,如果文章内容有错请多多指正,谢谢! 个人博客链接:CH4SER的个人BLOG – Welcome To Ch4sers Blog 0x01 基本概念 LXD、LXC 和 Docker 是三种不同的容器化技术,它们在实现和使用上有一些区别。…

RabbitTemplate :简化与 RabbitMQ 消息代理的交互

RabbitTemplate 是 Spring AMQP 项目中提供的一个核心类,用于简化与 RabbitMQ 消息代理的交互。在 Spring 应用程序中,使用 RabbitTemplate 可以方便地发送和接收消息,从而简化了 RabbitMQ 的使用。 一、RabbitTemplate 概述 RabbitTemplat…

cesium知识点:坐标系

一,地理坐标系 1.经纬度坐标系 对象:没有实际的对象 说明:cesium默认使用WGS84坐标系作为空间参考,坐标原点在椭球的质心。 2.弧度坐标系(Cartographic) 对象:new Cesium.Cartographic(longitude, latitude, heigh…

easyExcel大数据量导出oom

easyExcel大数据量导出 异常信息 com.alibaba.excel.exception.ExcelGenerateException: java.lang.OutOfMemoryError: GC overhead limit exceededat com.alibaba.excel.write.ExcelBuilderImpl.fill(ExcelBuilderImpl.java:84)at com.alibaba.excel.ExcelWriter.fill(Excel…

AI智能分析网关V4养老院视频智能监控方案

随着科技的快速发展,智能监控技术已经广泛应用于各个领域,尤其在养老院这一特定场景中,智能监控方案更是发挥着不可或缺的作用。尤其是伴随着社会老龄化趋势的加剧,养老院的安全管理问题也日益凸显。为了确保老人的生活安全&#…

yarn安装包时报错error Error: certificate has expired

安装教程: 配置镜像地址: npm config set registry https://registry.npmmirror.com//镜像:https://developer.aliyun.com/mirror/NPM 安装yarn: npm install --global yarn查看版本: yarn --version卸载&#xff…

每日五道java面试题之springboot篇(一)

目录: 第一题. 什么是 Spring Boot?第二题. Spring Boot 有哪些优点?第三题. Spring Boot 的核心注解是哪个?它主要由哪几个注解组成的?第四题. 什么是 JavaConfig?第五题. Spring Boot 自动配置原理是什么…

wpa_supplicant 扫描不全问题处理--链表学习

最近遇到一个wpa_supplicant 多次扫描后扫描结果未按照顺序进行排列的问题,这里针对扫描结果的链表进行排序,达到扫描列表根据rssi进行排序的效果 -----再牛逼的梦想,也抵不住傻逼般的坚持! --2024-03-22 11:21 一、问题背景 当周边存在大量ap热点时,通过wpa_supplican…

掌握大型语言模型的指南

大型语言模型精通指南 引言 近年来,大型语言模型(LLM)在自然语言处理和人工智能领域取得了巨大成功,从聊天机器人到搜索引擎再到创意写作辅助,LLM正在推动各行各业的尖端应用。然而,要构建有用的LLM产品,需要专业的技…

vscode,chrome,edge 远程桌面软件界面冻结卡死的情况处理

最近一致使用远程界面,有些情况需要使用家里的电脑。 说起来也奇怪,以前一直也没发现什么问题。好好的(1920*1080)分辨率下。 最近升级了屏幕到4K,就有点奇怪的问题。公司的电脑是1920*1080的,很多时候连上去,桌面上…

ChatGPTGPT4科研应用、数据分析与机器学习、论文高效写作、AI绘图技术教程

原文链接:ChatGPTGPT4科研应用、数据分析与机器学习、论文高效写作、AI绘图技术教程https://mp.weixin.qq.com/s?__bizMzUzNTczMDMxMg&mid2247598506&idx2&sn14f96667bfbeba5f51366a1f019e3d64&chksmfa82004dcdf5895bba2784ba10f6715f6f5e4c59c9b1…

C++标准库中提供的用于处理正则表达式的类std::regex

std 是 C 标准库的命名空间,包含了大量标准的 C 类、函数和对象。这些类和函数提供了广泛的功能,包括输入输出、容器、算法、字符串处理等。 通常,为了使用标准库中的对象和函数,需在代码中包含相应的头文件,比如 #in…

【MySQL】3.2MySQL事务和存储引擎

MySQL事务 一、MySQL事物的概念 事务是一种机制,包含了一件事的完整的一个过程 ●事务是一种机制、一个操作序列,包含了一组数据库操作命令,并且把所有的命令作为一个整体一起向系统提交或撤销操作请求,即这一组数据库命令要么…

后端项目中构建前端模块问题记录

后端项目中在登陆页面使用jsp,后端项目会通过接口返回给前端几个js的路径,这几个js呢,是由后端先构建好,然后返回给前端路径的,前端通过这个路径访问js执行。。。 总之,很奇怪的项目。。 1、首先要安装no…

java中对象创建过程

【详细图解】一个 Java 对象是如何被创建的?_java创建对象的完整过程-CSDN博客