im-IM体育(中国)官方网站-体育训练解决方案使用cookie在im-IM体育(中国)官方网站-体育训练解决方案的网站上给您最好的体验. 如果您继续浏览,则表示您同意im-IM体育(中国)官方网站-体育训练解决方案的 隐私政策 而且 饼干的政策. cookie策略日期的图像
不幸的是,激活邮件无法发送到您的电子邮件. 请 再试一次.
Syncfusion反馈

受到世界领先公司的信任

Syncfusion可信的公司

概述

反应 图是一个用于可视化的功能丰富的架构图库, 创建, 以及编辑交互图表. 它支持创建流程图, 组织图表, 思维导图, BPMN通过代码或可视化界面绘制图表.


流程图

反应 图提供了所有标准流程图形状作为构建流程图的现成对象, 使得在一次调用中就可以很容易地将它们添加到图表表面.

使用反应图中可用的内置流程图形状创建的流程图


组织结构图

使用内置控件自动排列父Nodes和子Nodes位置, 专门为组织图设计的自动布局算法.

使用反应 图中的数据绑定和自动布局功能的组织图可视化


思维导图

建立了思维导图的自动布局算法. 您可以定义哪些Nodes应该位于关系图表面的中心Nodes,以及哪些Nodes应该放置在中心Nodes周围.

使用反应 diagram中的数据绑定和自动布局功能创建的思维导图


Nodes

使用Nodes可视化任何图形对象, 哪些可以在图表页面上同时进行安排和操作. 它们允许下列情况:

  • 使用许多预定义的标准形状.
  • 轻松创建和添加自定义形状.
  • 完全定制Nodes外观.
  • 设计一个NodesUI模板,并在多个Nodes上重用它.

Connectors

Connectors表示两个Nodes之间的关系.

反应 图中提供了不同类型的Connectors

类型

反应图提供直、正交、折线和曲线Connectors类型. 您可以根据连接Nodes之间的关系或关系的类型选择其中的任何一种.

反应图中的连接线跳跃行为

桥接或行跳跃

使用桥接(行跳)来说明Connectors的路由, 使得在密集的图表中容易读取连接重叠的位置.

反应图中预定义的箭头说明图中的流向

箭头

使用不同类型的预定义箭头来说明流程图中的流向. 您还可以构建自己的自定义箭头.

在反应图中定制Connectors外观

外观

与Nodes一样,Connectors外观也可以按照您想要的方式进行定制. 反应 图组件提供了一组丰富的属性,您可以通过这些属性定制Connectors的颜色, 厚度, 虚线和圆点外观, 角落, 甚至修饰符.


连接端口(分)

通过不同类型的端口或连接点将Connectors连接到Nodes上的特定位置.

使用反应 图中的端口连接到Nodes上的特定位置


标签

可以通过在Nodes和Connectors上添加文本或标签来显示其他信息.

可以使用反应 图中的标签在Nodes和Connectors上显示附加信息

编辑

您可以在运行时添加和编辑文本,并将不应编辑的文本标记为只读.

使用反应 图中的Label特性在Nodes和Connectors上添加多个标签

多个标签

添加任意数量的标签,并将它们分别对齐.

对齐反应 图中Nodes内部或外部的标签

对齐

标签包括复杂的对齐选项:放置在Nodes内部或外部, 或者在Connectors的源端或目标端. 当Nodes或Connectors移动时自动对齐.


互动功能

使用交互特性来改善运行时图表的编辑体验. 此外,您可以使用鼠标、触摸屏或键盘界面轻松编辑图表.

使用反应 图中的处理程序选择并拖动Nodes或Connectors

选择并拖动

选择一个或多个Nodes、Connectors或注释,并使用大拇指或处理程序编辑它们.

使用反应 图中的处理程序选择Nodes并调整其大小

调整

您可以在八个不同方向上调整Nodes的大小,并锁定Nodes的长宽比以保持其形状. 您还可以同时调整多个对象的大小.

使用反应 图中的处理程序选择和旋转Nodes

旋转

将选定的Nodes从0旋转到360度.

使用反应 图中的历史管理器特性撤消和重做最近的更改

撤销和重做

当您通过错误进行编辑时,不要担心——撤消和重做命令有助于轻松地纠正最近的更改.

使用反应 diagram中的剪贴板特性在图中剪切、复制和粘贴所选对象

剪贴板

剪切、复制、粘贴,或者在图表内或图表之间复制所选择的对象.

使用反应 diagram中的z轴顺序功能将对象移动到图的顶部或底部

z值

当多个对象重叠时, z轴顺序控制着哪个对象在顶部,哪个在底部.

在“反应图”中将Nodes和Connectors与最近的网格线或对象对齐

提前

精确调整Nodes, Connectors, 拖动时只需捕捉到最近的网格线或对象就可以进行注释.

在反应 图中将多个Nodes组合成一个组Nodes

分组

您可以将多个Nodes组合成一个组,然后作为单个对象与它们交互. 嵌套组也可以通过反应 图组件实现.

快速命令可以显示为反应 图中选择器附近的按钮

快速的命令

经常使用的命令如删除、连接和重复可以显示为选择器附近的按钮. 这使得用户可以很容易地快速执行这些操作,而不是在工具箱中搜索正确的按钮.


对齐

im-IM体育(中国)官方网站-体育训练解决方案的反应 图有预定义的对齐命令,可以让您根据选择边界对齐所选对象的Nodes和Connectors.

使用“反应图”中的间距命令以相等的间隔排列选定的对象

间距的命令

间距命令使您能够在图表上以相等的间隔放置所选对象.

在反应图中调整选定对象的大小以使其具有相同的大小

大小命令

使用大小调整命令使选定Nodes的大小与第一个选定对象的大小相等.

使用反应 图中的对齐命令水平或垂直对齐选定的对象

对齐命令

选择列表中的所有Nodes或Connectors都可以向左对齐, 正确的, 或中心水平, 或者在顶部对齐, 底, 或者选择边界在垂直方向的中间.


自动布局

根据预定义的布局算法自动安排Nodes. 具有内置的层次树、径向树和对称布局.


统治者

标尺允许您测量Nodes或Connectors到页面原点的距离. 这在创建比例模型时特别有用.

使用“反应图”中的标尺特性测量Nodes到页面原点的距离


符号面板

反应 图包括一个模板库, 可重复使用的符号, 以及可以拖放到图表表面上的Nodes.

使用反应 图中的符号调色板特性在符号调色板内托管可重用Nodes


概述面板

概览面板允许您在探索大型图表时改进导航体验. 它显示了整个图表页面的一个小预览,允许用户在其中缩放和平移.

通过使用反应 图中的概览面板来改进较大图表的导航体验


绘图工具

绘制各种内置Nodes,并通过单击和拖动绘图区域交互式地将它们与Connectors连接.

使用反应 图交互式地绘制Nodes和Connectors


缩放和平移工具

仔细查看一个大图表,或者通过放大和缩小假设一个更大的视图. 同样,通过平移图从图的一个区域导航到另一个区域.

通过在“反应图”中放大和缩小,近距离或更远地查看大型图表


数据绑定

使用基于来自数据源的数据创建和定位的Nodes和Connectors填充关系图. 任何格式的数据都可以轻松转换, 映射, 并通过设置一些属性在图中使用, 不需要编写任何代码. 反应 图组件还支持从列表或IEnumerable集合中加载数据.

在反应 diagram中从外部数据源填充关系图


出口

您可以将图表导出到不同的图像文件,如PNG、JPEG、BMP和SVG.

使用反应 diagram将关系图导出为不同的图像格式


印刷

从浏览器中打印图表. 您还可以自定义页面大小, 取向, 和页面边缘, 把图表放到一页纸上.

使用反应 图从浏览器中打印图表


序列化

您可以将图表状态保存为JSON格式,稍后再将其加载回来,以便使用序列化器进行进一步编辑.

使用反应 diagram将图表序列化为JSON格式,保存并加载该图表


杂项

除了目前列出的所有功能, 还有很多方法可以增强绘图体验.

在反应 图中使用网格线对齐对象

网格线

网格线在尝试对齐对象时提供了指导.

使用“反应图”在绘图面上定义类似页面的外观

页面布局

使用页面大小、方向和页边距为绘图表面提供类似页面的外观.

可以使用反应 图中的工具提示查看Nodes的其他信息

工具提示

使用工具提示提供关于Nodes的附加信息.

使用上下文菜单特性来映射反应 图中经常使用的命令

上下文菜单

轻松地将常用命令映射到上下文菜单.


其他支持框架

图组件也可以在Blazor、Vue、角和JavaScript框架中使用. 点击下面的链接查看不同的图平台,


反应图代码示例

使用下面演示的几行TSX代码示例轻松地开始使用反应图. 也探索im-IM体育(中国)官方网站-体育训练解决方案反应图的例子 它向您展示了如何在反应中呈现和配置关系图.

进口 * as 反应  "反应";
进口 "./应用程序.css";
//导入图组件
进口 { 图组件 }  "@syncfusion / ej2-反应-diagrams";

出口 默认的 class 应用程序 扩展 反应.组件<{}, {}> {
  渲染() {
    返回 <图组件 id=“图” />;
  }
}



70多个反应UI组件

常见问题

im-IM体育(中国)官方网站-体育训练解决方案没有单独出售反应图. 它只能作为Syncfusion反应套件的一部分购买, 其中包含超过{conrolcount} 反应组件, 包括图. 的单一开发人员许可 Syncfusion Essential Studio for 反应套件 成本 $995.00美元,包括一年的支持和更新. 最重要的是,im-IM体育(中国)官方网站-体育训练解决方案可能会根据目前活跃的促销活动提供额外的折扣. 请im-IM体育(中国)官方网站-体育训练解决方案 销售团队 今天看看你是否有资格获得额外的折扣.

No, im-IM体育(中国)官方网站-体育训练解决方案的{controlcount}+ 反应组件, 包括图, 不是单独出售的, 只作为一个整体. 然而, im-IM体育(中国)官方网站-体育训练解决方案对产品的定价很有竞争力,所以它的价格只比一些其他供应商单独的图价格高一点. im-IM体育(中国)官方网站-体育训练解决方案也发现, 在im-IM体育(中国)官方网站-体育训练解决方案的经验, im-IM体育(中国)官方网站-体育训练解决方案的客户通常一开始使用im-IM体育(中国)官方网站-体育训练解决方案的一种产品,然后很快扩展到几种产品, 所以im-IM体育(中国)官方网站-体育训练解决方案认为最好以固定的费用提供所有{controlcount}+ 反应组件 995美元/开发人员. 最重要的是,im-IM体育(中国)官方网站-体育训练解决方案可能会根据目前活跃的促销活动提供额外的折扣. 请im-IM体育(中国)官方网站-体育训练解决方案 销售团队 今天看看你是否有资格获得额外的折扣.

不,这是一个商业产品,需要付费许可证. 然而,一个 免费的社区许可 也适用于年收入少于100万美元的公司和个人,以及5个或更少的开发者.

独立阅读,
认证审核
在G2

立即下载 定价

im-IM体育(中国)官方网站-体育训练解决方案的客户是怎么评价im-IM体育(中国)官方网站-体育训练解决方案的?

双引号

im-IM体育(中国)官方网站-体育训练解决方案大量使用文件格式和Windows/JavaScript列表控件. 它们快速、易于使用,文档也很好,并包含示例. 有问题或建议的票在一天内就得到了答复, 所以im-IM体育(中国)官方网站-体育训练解决方案很乐意使用Syncfusion库.
丹尼尔Persidok

丹尼尔Persidok

wpd在岸GmbH是一家 & Co. KG

双引号

角和JavaScript控件让前端web开发变得轻而易举. 每个组件都有许多属性,可以根据您的需要进行配置, 可用于与元素交互的方法, 很多事件会在不同的阶段触发, 这使得根据应用程序的状态修改组件成为一项容易的任务. 此外,他们的支持也非常棒! 他们总是提供一个工作项目的样本, 这使得解决您的代码问题变得非常简单.
卡洛斯·加西亚

卡洛斯·加西亚

Vistatec

今天通过下载im-IM体育(中国)官方网站-体育训练解决方案的免费评估版本来改变您的应用程序 下载免费试用

伟大——说你有伟大是一回事,但当别人认可你的伟大时,它的意义就更大了. Syncfusion自豪地举办了以下行业奖项.

向上箭头图标

警告图标 您使用的是过时版本的Internet Explorer,可能无法显示本网站和其他网站的所有功能. 请升级至ie8或更新版本,以获得更好的体验.关闭图标

移动端实时聊天图标