< div id="CookieNotification"> < div 类="container"> < div 类="row"> < div 类="col-lg-10 col-md-9 col-sm-10 col-xs-12 content-small vcenter"> 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜使用cookie在专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的网站上给你最好的体验. 如果您继续浏览,那么您同意专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的 隐私政策 而且 饼干的政策. cookie策略日期的映像 < / div > < div 类="col-lg-1 col-md-2 col-sm-1 col-xs-12 vcenter agreebutton"> < / div > < / div > < / div > < / div > < div id="ie-notification" style="display:none"> < div 类="container"> < div 类="row"> < div 类="col-lg-11 col-md-11 col-sm-11 col-xs-9 error-message"> 微软已经停止了对旧版本IE的支持. 为获得最佳体验,请升级到最新版本的IE,或在其他浏览器中查看此页. < / div > < div 类="col-lg-1 col-md-1 col-sm-1 col-xs-3 close-button"> 关闭图标 < / div > < / div > < / div > < / div > < div 类="unconfirmed-error-notification hide"> < div 类="container"> < div 类="row"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-11 unconfirmed-error-message small"> 不幸的是,激活邮件无法发送到您的邮箱. 请 再试一次. < / div > < / div > < / div > < div 类="user-not-activated-close activation-unconfirmed-error-notification-close" id="close-icon-not-activated"> < / div > < / div > < div id="menu-wrapper"> < div 类="bar bar-3 bar--sm bg--secondary" id="sub-menu-section"> < div 类="container"> < div 类="row"> < div 类="col-md-12 col-sm-12 col-xs-12 text-正确的 text-left-xs text-left-sm"> < div 类="bar__module"> < div 类="marketing-banner col-md-9 col-sm-8 col-xs-12">

BoldDesk支持无限代理的帮助台软件起价99美元.

免费试用. < / div > < / div > < / div > < / div > < / div > < / div > < div 类="container main-menu-section"> < div 类="row"> < div 类="col-xs-12 col-sm-12 col-md-12 col-lg-12"> < div 类="syncfusion-logo"> < / div > < div 类="menu-with-search"> < div 类="syncfusion-menu"> < / div > < / div > < / div > < div id="logout-section"> < div 类="container"> < div 类="column"> < div 类="Customerinformation"> < div 类="dashboard"> 我的仪表板 < / div > < div 类="signout-section"> 签署了 < / div > < / div > < / div > < / div > < / div > < div 类="row" id="search-container">
< div 类="col-lg-offset-3 col-lg-5 col-lg-col-md-offset-2 col-md-7 col-sm-offset-2 col-sm-6 col-xs-offset-0 col-xs-8 search"> < / div > < div 类="col-md-1 col-sm-4 col-xs-4"> < / div >
< div> < div 类="search-details"> 找到关于专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的产品、文档等的任何信息. < / div >
< div id="search-popular-results">< / div > < / div > < / div > < / div > < / div > < / div > < div 类="hide" id="feedbackButton"> Syncfusion反馈 < / div > < div 类="hide" id="feedbacks-dialogue">< / div > < div 类="modal fade" data-easein="slideLeftIn" id="feedbacks-dialogue_wrapper" role="dialog"> < div 类="modal-dialogs"> < div 类="modal-content"> < div 类="feedbackClose" data-dismiss="modal" data-easein="slideLeftIn" id="feedbackcloseicon">< / div > < div 类="modal-header"> < div id="feedback-title">反馈 & 问题< / div > < div 类="content-extra-smalls" id="feedbackDescription"> 请与专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜分享您的意见和问题< / div > < div id="cookie-error"> < div 类="col-lg-10 col-md-10 col-sm-10 col-xs-9 errormessage"> 请使 饼干 在您的浏览器 < / div > < div 类="col-lg-2 col-md-2 col-sm-2 col-sm-3 close-icon-message"> 反馈形式密切 < / div > < / div > < / div >
< div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div id="notification">< / div > < div 类="feedback-fields"> 我想为一个帐户被创建和被联系关于这个消息. 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜不会采取进一步行动. 隐私政策, 饼干的政策. < / div > < div 类="feedButton"> < / div >
< div 类="thankyou-message hide"> < div 类="feedback-confirmation">感谢您的反馈和意见. 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜将很快处理此请求,并在需要时回复您. < / div > < div> < / div > < / div > < / div > < / div > < / div > < div 类="popular-banner list-template video-banner bg-lazy" id="whitebackground" style="background-image: url(/products/angular-js2/control/images/diagram/angular-diagram-banner.png); background-image: url(/products/angular-js2/control/images/diagram/angular-diagram-banner.png)"> < div 类="container"> < div 类="row"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12">

角图——一个功能强大、功能丰富的架构组件

免费试用 视图演示 < div data-target="#video-modal" data-toggle="modal" id="overviewVideo"> < div id="playImage">< / div > 快速浏览视频 < / div > < div id="single-fold-platform-banner"> < div 类="angular-js2" id="strip-segment"> < div 类="strip-opacity"> < div id="framework-strip"> < div 类="content" id="framework-content"> 支持框架 < / div > < div 类="framework" id="framework-platforms"> < div 类="framework-hover"> JavaScript图标
JavaScript
< / div >
< div 类="framework-hover"> 反应图标
反应
< / div >
< div 类="framework-hover"> Vue图标
Vue
< / div >
< div 类="framework-hover"> Blazor图标
Blazor
< / div >
< / div > < / div > < / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12"> < div id="ripple">< / div > < div id="lottie"> < div data-target="#video-modal" data-toggle="modal" id="hoverElement">< / div > < / div > 角图表组件横幅 < div 类="modal fade" id="video-modal"> < div 类="vertical-alignment-helper"> < div 类="modal-dialog vertical-align-center"> < div 类="modal-content"> < div 类="modal-body"> < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="container"> < div 类="row"> < div 类="col-sm-12 col-xs-12 text-center">

深受世界领先企业的信赖

syncfusion可信的公司 < / div > < / div > < / div >
< div id="control-static-menu"> < div 类="container"> < div 类="row"> < div 类="col-lg-4 col-md-6 col-sm-6 col-xs-8 control-heading-section">

角图

< / div > < div 类="col-lg-4 hidden-md hidden-sm hidden-xs" id="导航-link"> < div 类="hide all-control-content"> 探索其他控件 < / div > < / div > < div 类="正确的-panel col-lg-4 col-md-6 col-sm-6 col-xs-4"> < / div > < div 类="hidden-lg col-md-12 col-sm-12 col-xs-12" id="mobile-导航-link"> < div 类="hide all-control-content"> 探索其他控件 < / div > < / div > < / div > < / div > < / div > < div 类="featuretour-markdown" id="featuretour-markdown"> < div 类="container"> < div 类="col-sm-12 col-xs-12 other-controls" id="control-content"> < div 类="row ft-one-column segment">

概述

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

< / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

流程图

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

< / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

用角图库中内置的流程图创建的流程图

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

组织结构图

自动排列父Nodes和子Nodes的位置, 专门为组织结构图设计的自动排版算法.

< / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

使用数据绑定和角图库中的自动布局特性来可视化组织图

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

思维导图

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

< / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

使用角图库中的数据绑定和自动布局特性创建的思维导图

< / div > < / div >
< div 类="row ft-one-column segment"> < div 类="ft-column-header text-left">

Nodes

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

< / div > < div 类="carousel slide" data-ride="carousel" id="r7tiw0tte395w">
< div 类="carousel-inner" role="listbox"> < div 类="item active"> 用角图中的基本形状特性可视化几何信息< div 类="carousel-caption">用角图中的基本形状特性可视化几何信息< / div > < / div > < div 类="item"> 使用角图中的BPMN形状特性创建BPMN图< div 类="carousel-caption">使用角图中的BPMN形状特性创建BPMN图< / div > < / div > < div 类="item"> 使用角图在Nodes中嵌入图像、HTML或SVG内容< div 类="carousel-caption">使用角图在Nodes中嵌入图像、HTML或SVG内容< / div > < / div > < / div > 以前的 下一个 < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

Connectors

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

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角图库中提供了不同类型的Connectors

类型

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角图库中的Connectors行跳转行为

桥接或行跳转

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角图中预定义的箭头说明了图中的流程方向

箭头

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角图库中的Connectors外观定制

外观

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

< / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

连接端口(分)

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

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

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

< / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

标签

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

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在角图中,可以使用标签在Nodes和Connectors上显示附加信息

编辑

可以在运行时添加和编辑文本,如果不应该编辑文本,则将其标记为只读.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

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

多个标签

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在角图中对齐Nodes内部或外部的标签

对齐

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

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-center">

互动功能

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

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在角图中使用处理程序选择并拖动Nodes或Connectors

选择并拖动

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

使用角图库中的处理程序来选择和调整Nodes的大小

调整

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

使用角图库中的处理程序选择并旋转Nodes

旋转

将所选Nodes从0旋转到360度.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

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

撤销和重做

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

减少, 复制, 并使用角 diagram中的剪贴板特性将选中的对象粘贴到图中

剪贴板

在图内部或图之间剪切、复制、粘贴或复制选定的对象.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

使用角 diagram中的z顺序特性将对象移动到图表的顶部或底部

z值

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

将Nodes和Connectors与角图库中最近的网格线或对象对齐

提前

精确调整Nodes, Connectors, 在拖拽到最近的网格线或对象时添加注释.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在角图库中将多个Nodes组合成一个组Nodes

分组

您可以将多个Nodes组合成一个组,然后将它们作为单个对象进行交互. 嵌套组也可以用专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的角图组件来实现.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

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

快速的命令

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

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

对齐

专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的角图有预定义的对齐命令,可以让你根据选择边界对齐选定对象的Nodes和Connectors.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

使用角图中的spacing命令在相等的间隔内排列选定的对象

间距的命令

间距命令使您能够以相等的间隔将选定的对象放在关系图上.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

调整选中对象的大小,使其在角图表中具有相同的大小

大小命令

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

使用角图中的Align命令,将选定的对象水平或垂直对齐

对齐命令

选择列表中的所有Nodes或Connectors都可以在左侧对齐, 正确的, 或中心水平, 或者在顶部对齐, 底, 或者相对于选择边界的中间位置.

< / div > < / div > < / div >
< div 类="row"> < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

自动布局

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

< / div > < / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-content-small"> < div 类="carousel slide" data-ride="carousel" id="9mhi5rjp7sv46">
< div 类="carousel-inner" role="listbox"> < div 类="item active"> 使用角图构建径向树布局< div 类="carousel-caption">使用角图构建径向树布局< / div > < / div > < div 类="item"> 使用角图构建层次树布局< div 类="carousel-caption">使用角图构建层次树布局< / div > < / div > < div 类="item"> 使用角图构建对称布局< div 类="carousel-caption">使用角图构建对称布局< / div > < / div > < / div > 以前的 下一个 < / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

统治者

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

< / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

使用角图控件中的标尺特性来测量Nodes到页面原点的距离

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

符号面板

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

< / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

使用角图中的符号面板特性在符号面板中托管可重用Nodes

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

概述面板

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

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

通过使用角图中的概述面板,可以改善大型图表的导航体验

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

绘图工具

只需在绘图区域上单击和拖动,即可绘制各种内置Nodes并将它们与Connectors交互连接.

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

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

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

缩放和平移工具

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

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

在角 diagram中,通过放大或缩小来查看一个大的图表

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

数据绑定

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

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

从角 diagram中的外部数据源填充图表

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

出口

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

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

使用角 diagram将图表导出为不同的图像格式

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

印刷

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

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

使用角图从浏览器打印图表

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < div 类="ft-column-header text-left">

序列化

您可以将关系图状态保存为JSON格式,并在以后使用序列化器进行进一步编辑时将其加载回来.

< / div > < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

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

< / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

杂项

除了目前列出的所有特性之外, 还有许多增强绘图体验的方法.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

在角图中使用网格线对齐对象

网格线

当试图对齐对象时,网格线提供了指导.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

使用角图在绘图面上定义页面状外观

页面布局

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

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

工具提示

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

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

上下文菜单

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

< / div > < / div > < / div >
< div 类="row ft-one-column segment">

其他支持框架

图解也可以在Blazor, 反应, Vue和JavaScript框架中使用. 从下面的链接查看不同的图表平台,

< / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

角版本兼容性

随着角版本的不断改进, 角图是最新的,以便与最新版本兼容.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents">< div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角11插图

角11

< / div >< / div > < / div >
< div 类="row ft-one-column segment">

角图代码示例

使用下面演示的几行简单的HTML和TS代码示例就可以轻松开始使用角图. 也探索专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜角图例子 它向你展示了如何在角中渲染和配置一个图.

< div 类="code-snippet-tabs" id="code-snippet-1"> < div 类="tab-content"> < div 类="tab-pane" data-original-lang="html" id="bb6vg0kr46zz0rv848f0h2ft3gcvs4m8-html" role="tabpanel"> < div 类="highlight">
 类=“content-wrapper”>
     #图 id=“图” 宽度="100%" 身高="700px">
    
< / div > < / div > < div 类="tab-pane" data-original-lang="ts" id="qd66ob6bsqsfztsb2jx1suvkci1ptlom-ts" role="tabpanel"> < div 类="highlight">
进口 { 组件, OnInit, ViewEncapsulation}  '@angular /核心';

@组件({
    //为图表组件指定模板字符串
  template: ``,
  封装: ViewEncapsulation.没有一个
})
出口 class App组件 实现了 OnInit {

    ngOnInit(): 无效 {
    }
}
出口 class App组件 {}
< / div > < / div > < / div > < / div > < / div >


< / div > < / div > < / div > < div id="single-column-link-segment"> < div 类="container"> < div 类="col-sm-12 col-xs-12 text-center control-content">

不知道如何创建你的第一个角图? 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的文档可以提供帮助.

我现在就想看 < / div > < / div > < / div > < div id="static-footer"> < div 类="container"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="previous-link"> < div 类="title-element">以前的< / div > < div 类="arrow-element"> < / div > < div 类="content"> < div id="prev-element">< / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="next-link"> < div 类="title-element">下一个< / div > < div 类="content"> < div id="next-element">< / div > < / div > < div 类="arrow-element"> < / div > < / div > < / div > < / div > < div id="control-heading-section">

70多个angular UI组件

< div id="loader">< / div > < div 类="control-section angular-js2" id="ft-controllist"> < div 类="container"> < div 类="row" id="control-items"> < div id="ft-control-platform"> < div 类="sub-heading text-center">所有组件< / div > < div 类="control-list-items col-xs-6"> < div 类="section-list"> < div 类="content-heading controldiv"> 网格 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 数据可视化 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 日历 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 下拉 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 文件的观众 & 编辑器 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 按钮 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 输入 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 导航 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 布局 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 形式 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 通知 < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < div 类="segment" id="faq"> < div 类="container">

常见问题

< div 类="row" id="question-answers" itemscope="" itemtype="http://schema.org/FAQPage"> < div 类="col-lg-6 col-md-6 col-xs-12 col-sm-12"> < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

为什么要选择Syncfusion角 图?

< div 类="collapse" id="collapse-1" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text"> < / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

Syncfusion角 图的价格是多少?

< div 类="collapse" id="collapse-3" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜不单独出售角图. 它只能作为Syncfusion角套件的一部分购买, 它包含了70多个角组件, 包括图. 的单一开发人员许可证 Syncfusion Essential Studio for 角套件 成本 $995.00美元,包括一年的支持和更新. 除此之外,专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜还可以根据目前的促销活动提供额外的折扣. 请专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜 销售团队 今天看看你是否有资格获得额外的折扣.

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

哪里可以找到Syncfusion角 图演示?

< div 类="collapse" id="collapse-5" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

你可以找到专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的角图演示 在这里.

< / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-xs-12 col-sm-12"> < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我可以单独购买Syncfusion角 图组件吗?

< div 类="collapse" id="collapse-2" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

No, 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的70个角组件, 包括图, 不单独出售, 只能作为一个单独的包装. 然而, 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜对产品的定价具有竞争力,所以它只比其他一些供应商单独收取的图表多一点点. 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜也发现, 在专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的经验, 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的客户通常开始使用专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的一种产品,然后迅速扩展到几种产品, 所以专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜觉得最好以固定的价格提供所有70个角组件 995美元/开发人员. 除此之外,专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜还可以根据目前的促销活动提供额外的折扣. 请专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜 销售团队 今天看看你是否有资格获得额外的折扣.

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我可以免费下载并使用Syncfusion角 图吗?

< div 类="collapse" id="collapse-4" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

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

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

如何开始使用Syncfusion角 图?

< div 类="collapse" id="collapse-6" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

一个好的开始是专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的综合 开始文档.

< / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="container"> < div 类="row"> < div 类="col-lg-4 col-md-4 col-sm-5 col-xs-8 review-section g2-review"> Syncfusi在G2审查 < / div > < div 类="col-lg-8 col-md-8 col-sm-7 col-xs-12 download-section g2-review">

独立阅读,
认证审核
在G2

立即下载 定价 < / div > < / div > < / div >
< div 类="container">

专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的客户怎么评价专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜?

< div 类="row"> < div 类="testimonial-section"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 testimonial-content match-height"> < div 类="testimonial-block"> < div 类="testimonial-message first-section">

双引号

使用Syncfusion角和JavaScript控件使前端web开发变得轻而易举. 每个组件都有许多属性,可以根据您的需要进行配置, 可用于与元素交互的方法, 还有很多在不同阶段触发的事件, 这使得根据应用程序的状态修改组件成为一项简单的任务. 而且,他们的支持是惊人的! 他们总是提供一个示例工作项目, 这使得解决关于代码的问题变得非常简单. < / div > < / div > < div 类="row customer-information"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div 类="profile-image"> 卡洛斯·加西亚 < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div 类="testimonial-author">

卡洛斯·加西亚

Vistatec

< / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 testimonial-content match-height"> < div 类="testimonial-block"> < div 类="testimonial-message second-section">

双引号

专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜开始为调度器使用Syncfusion角控件,为专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的提供者提供一种调度他们可用性的方法,并自动化专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的管理过程,以显示调度中的可用性和间隔. 这帮助专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜提供最好的用户体验,并及时地为专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的患者提供医疗服务. < / div > < / div > < div 类="row customer-information"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div 类="profile-image"> 蒂姆Rankel < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div 类="testimonial-author">

蒂姆Rankel

MeMD的高级开发人员

< / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="content-center bg-lazy" id="download-free-trial"> < div 类="container"> < div 类="row"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-content">

通过下载专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的免费评估版本来转换您的应用程序 下载免费试用

< / div > < / div > < / div > < / div > < div 类="text-center segment xamarin-new-ft technical-support-v1 technical-support-controls" id="technical-support"> < div 类="container"> < div 类="row"> < div 类="platform-heading-text">Syncfusion角 资源< / div > < div 类="col-sm-12 col-md-12 col-xs-12 category-container heading-3"> < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> 学习 < div 类="support-link-section"> 文档 文档 < / div > < / div > < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> 技术支持 < div 类="support-link-section"> 联络支持 联络支持 < / div > < div 类="support-link-section"> 论坛 社区论坛 < / div > < div 类="support-link-section"> 特性 & 错误 特性 & 错误 < / div > < / div > < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> UI工具包 < div 类="support-link-section"> 素描下载 素描下载 < / div > < div 类="support-link-section"> Adobe XD下载 Adobe XD下载 < / div > < div 类="support-link-section"> Figma下载 Figma下载 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="segment" id="awards"> < div 类="container segment"> < div 类="row">

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

< div 类="all-awards text-center hidden-xs"> Syncfusion奖 < / div > < div 类="all-awards text-center hidden-lg hidden-md hidden-sm"> Syncfusion奖 < / div > < / div > < / div > < / div > 向上箭头图标 < div 类="segment" id="footer-warpper"> < div 类="container"> < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">产品< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">探索专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜的产品< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">资源< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">学习 & 支持< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">公司< / div > < / div > < / div > < / div > < div id="footer-底"> < div 类="container"> < div 类="row"> < div 类="col-sm-8 hidden-xs content-small"> < div 类="footer-syncfusion-logo"> < / div > < div 类="link"> 隐私政策 | 饼干的政策 | 使用条款 | 道德政策 < / div > < div id="复制正确的-desktop"> 版权所有©2001 - 2022 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜 .. 保留所有权利 < / div > < / div > < div 类="col-sm-4 hidden-xs footer-contact-section"> < div 类="footer-contact-fax"> < / div > < div 类="footer-contact-mail"> < / div > < div 类="col-sm-12 footer-icons-section"> < / div > < / div > < div 类="visible-xs mobile-footer text-center">

专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜

< div 类="复制正确的"> < div 类="link"> 隐私政策 | 饼干的政策 | 使用条款 | 道德政策 < / div > < div id="复制正确的"> 版权所有©2001 - 2022 专业种植菠菜导航官网-菠菜大平台推荐(集团)公司-菠菜价格排行榜 .. 保留所有权利 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="IE-notifiyPopup" id="upgradeIE"> < div 类="container popuptext"> < div>

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

< / div > < / div > < / div > < div hidden="" id="getservertime">10/04/2022 04:03:29 PM< / div > < div hidden="" id="WebinarForFTExpiration">2020年2月18日星期二15:00:00 UTC< / div > < div hidden="" id="烤面包erExpirationDate">2022年2月16日星期三04:59:00< / div > < div id="chat-icon-mobile"> 移动端实时聊天图标 < / div > 即时聊天图标