{ "@context" : "http://schema.org", "@type" : "Organization", "url" : "http://www.hurleym.com/", "logo" : "http://cdn.hurleym.com/content/images/company-logos/syncfusion_logo.svg", "的名字" : "Syncfusion", "sameAs" : [ "http://www.linkedin.com/company/syncfusion?trk=top_nav_home", "http://www.facebook.com/Syncfusion", "http://www.youtube.com/syncfusioninc", "http://twitter.com/Syncfusion" ] } < div id="CookieNotification"> < div class="container"> < div class="row"> < div class="col-lg-10 col-md-9 col-sm-10 col-xs-12 content-small vcenter"> 十博体育app使用饼干在十博体育app的网站上给你最好的体验. If you continue to browse, then you agree to our 隐私政策饼干的政策. cookie策略日期的图像 < / div > < div class="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 class="container"> < div class="row"> < div class="col-lg-11 col-md-11 col-sm-11 col-xs-9 error-message"> Microsoft has ended support for older versions of IE. 为了获得最好的体验,请升级到最新版本的IE,或在其他浏览器中查看本页面. < / div > < div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 close-button"> 关闭图标 < / div > < / div > < / div > < / div > < div class="unconfirmed-error-notification hide"> < div class="container"> < div class="row"> < div class="col-lg-12 col-md-12 col-sm-12 col-xs-11 unconfirmed-error-message small"> Unfortunately, activation email could not send to your email. 请 再试一次. < / div > < / div > < / div > < div class="使用r-not-activated-close activation-unconfirmed-error-notification-close" id="close-icon-not-activated"> < / div > < / div > < div id="menu-wr应用程序er"> < div class="bar bar-3 bar--sm bg--secondary" id="sub-menu-section"> < div class="container"> < div class="row"> < div class="col-md-12 col-sm-12 col-xs-12 text-正确的 text-left-xs text-left-sm"> < div class="bar__module"> < div class="marketing-banner col-md-9 col-sm-8 col-xs-12">

BoldSign 现在免费给朋友和家人! Easily send documents for e-signature.

声称帐户 < / div > < / div > < / div > < / div > < / div > < / div > < div class="container main-menu-section"> < div class="row"> < div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> < div class="syncfusion-logo"> < / div > < div class="menu-with-search"> < div class="syncfusion-menu"> < / div > < / div > < / div > < div id="logout-section"> < div class="container"> < div class="column"> < div class="Customerinformation"> < div class="dashboard"> 我的仪表板 < / div > < div class="signout-section"> 签署了 < / div > < / div > < / div > < / div > < / div > < div class="row" id="search-container">
< div class="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 class="col-md-1 col-sm-4 col-xs-4"> < / div >
< div> < div class="search-details"> Find anything about our product, 文档, more. < / div >
< div id="search-popular-results">< / div > < / div > < / div > < / div > < / div > < / div > < div class="hide" id="feedbackButton"> Syncfusion反馈 < / div > < div class="hide" id="feedbacks-dialogue">< / div > < div class="modal fade" data-easein="slideLeftIn" id="feedbacks-dialogue_wr应用程序er" role="dialog"> < div class="modal-dialogs"> < div class="modal-content"> < div class="feedbackClose" data-dismiss="modal" data-easein="slideLeftIn" id="feedbackcloseicon">< / div > < div class="modal-header"> < div id="feedback-title">反馈 & 问题< / div > < div class="content-extra-smalls" id="feedbackDescription"> 请 share your comments 和 questions with us< / div > < div id="cookie-error"> < div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 errormessage"> 请使 饼干 在您的浏览器 < / div > < div class="col-lg-2 col-md-2 col-sm-2 col-sm-3 close-icon-message"> 反馈形式密切 < / div > < / div > < / div > < div class="thankyou-message hide"> < div class="feedback-confirmation">Thank you for your feedback 和 comments. 十博体育app将很快处理此请求,并在需要时回复您. < / div > < div> < / div > < / div > < / div > < / div > < / div > < div class="popular-banner list-template video-banner bg-lazy" id="whitebackground" style="background-image: url(/products/vue/control/images/diagram/diagram-banner.png); background-image: url(/products/vue/control/images/diagram/diagram-banner.png)"> < div class="container"> < div class="row"> < div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

Vue 图 - A Powerful, Feature-Rich Drawing tool

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

Trusted by the world’s leading companies

Syncfusion可信的公司 < / div > < / div > < / div >
< div id="control-static-menu"> < div class="container"> < div class="row"> < div class="col-lg-4 col-md-6 col-sm-6 col-xs-8 control-heading-section"> < / div > < div class="col-lg-4 hidden-md hidden-sm hidden-xs" id="导航-link"> < div class="hide all-control-content"> 探索其他控件 < / div > < / div > < div class="正确的-panel col-lg-4 col-md-6 col-sm-6 col-xs-4"> < / div > < div class="hidden-lg col-md-12 col-sm-12 col-xs-12" id="mobile-导航-link"> < div class="hide all-control-content"> 探索其他控件 < / div > < / div > < / div > < / div > < / div > < div class="featuretour-markdown" id="featuretour-markdown"> < div class="container"> < div class="col-sm-12 col-xs-12 other-controls" id="control-content"> < div class="row ft-one-column segment">

概述

Vue 图是一个用于可视化的功能丰富的体系结构图库, 创建, 以及编辑交互式图表. 它支持创建流程图, 组织图表, 思维导图, BPMN charts either through code or a visual interface.

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

流程图

Vue 图提供了所有标准流程图形状作为现成的对象来构建流程图, 很容易在一个调用中将它们添加到图表面.

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

使用Vue diagram中可用的内置流程图形状创建的流程图

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

组织结构图

使用内置函数自动排列父Nodes和子Nodes位置, 为组织结构图设计的自动布局算法.

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

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

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

思维导图

此外,还为思维导图构建了自动布局算法. 您可以定义图面上哪个Nodes应该位于中心,哪些Nodes应该放置在中心Nodes周围.

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

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

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

Nodes

< / div >

Visualize any graphical object using Nodes, 在图表页面上,哪些内容可以同时进行安排和操作. 它们允许以下事项:

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

Connectors

A connector represents a relationship between two Nodes.

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

Different types of Connectors available in Vue 图

类型

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

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

Connector line jump behavior in Vue 图

桥接或线路跳转

Use bridging (line jumps) to illustrate a connector’s route, 使Connectors在密集的图表中相互重叠时易于阅读.

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

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

箭头

使用不同类型的预定义箭头来说明流程图中的流程方向. You can also build your own custom arrowheads.

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

Connector appearance customization in Vue 图

外观

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

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

连接端口(分)

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

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

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

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

标签

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

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

使用Vue 图中的标签,可以在Nodes和Connectors上显示其他信息

编辑

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

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

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

多个标签

Add any number of labels 和 align them individually.

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

Align labels inside or outside a node in Vue 图

对齐

标签包括复杂的对齐选项:放置在Nodes内部或外部, or at the source or target end of a connector. Automatically align when a node or connector moves.

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

互动功能

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

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

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

选择并拖动

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

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

Select 和 resize Nodes using h和lers in Vue 图

调整

您可以在八个不同的方向上调整Nodes的大小,并锁定Nodes的纵横比以保持其形状. You can also resize multiple objects at the same time.

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

Select 和 rotate Nodes using h和lers in Vue 图

旋转

旋转 selected Nodes 从 0 to 360 degrees.

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

使用Vue 图中的历史记录管理器功能撤消和重做最近的更改

撤销和重做

当错误编辑时,不要担心——撤消和重做命令可以帮助您轻松地纠正最近的更改.

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

使用Vue diagram中的剪贴板功能在图中剪切、复制和粘贴选定的对象

剪贴板

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

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

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

z值

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

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

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

提前

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

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

Combine multiple Nodes into a group node in Vue 图

分组

您可以将多个Nodes组合成一个组,然后将它们作为单个对象进行交互. 嵌套组也可以使用Vue 图组件.

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

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

快速的命令

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

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

对齐

十博体育app的Vue 图预定义了对齐命令,使您能够根据选择边界对齐所选对象的Nodes和Connectors.

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

在Vue图中使用间距命令以相等的间隔排列选定的对象

间距的命令

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

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

调整 selected objects to have equal sizes in Vue 图

大小命令

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

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

在Vue 图中使用对齐命令水平或垂直对齐选中的对象

对齐命令

选择列表中的所有Nodes或Connectors都可以在左侧对齐, 正确的, 或中心水平, 或者在顶部对齐, 底, or middle vertically with respect to the selection boundary.

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

自动布局

根据系统预置的布局算法自动排列Nodes. 具有内置的分层树、径向树和对称布局.

< / div > < / div > < div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-content-small"> < div class="caro使用l slide" data-ride="caro使用l" id="744zz52le4fgz"> < div class="caro使用l-inner" role="listbox"> < div class="item active"> Build radial tree layout using Vue 图< div class="caro使用l-caption">Build radial tree layout using Vue 图< / div > < / div > < div class="item"> Build hierarchical tree layout using Vue 图< div class="caro使用l-caption">Build hierarchical tree layout using Vue 图< / div > < / div > < div class="item"> Build symmetric layout using Vue 图< div class="caro使用l-caption">Build symmetric layout using Vue 图< / div > < / div > < / div > 以前的 下一个 < / div > < / div > < / div >
< div class="row ft-two-column"> < div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < div class="ft-column-header text-left">

统治者

标尺允许您测量从页面原点到Nodes或Connectors的距离. This is especially 使用ful in 创建 scale models.

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

使用Vue图中的标尺特征测量Nodes到页面原点的距离

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

符号面板

Vue 图 includes a gallery of stencils, 可重复使用的符号, Nodes that can be dragged onto the surface of a diagram.

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

使用Vue 图中的符号调色板特性在符号调色板中宿主可重用Nodes

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

概述面板

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

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

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

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

绘图工具

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

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

Draw Nodes 和 Connectors interactively using Vue 图

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

缩放和平移工具

近距离查看一个大图,或者通过放大和缩小假设一个更宽的视图. 此外,通过在图中平移,从图的一个区域导航到另一个区域.

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

通过在Vue diagram中放大或缩小查看大图

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

数据绑定

使用基于来自数据源的数据创建和定位的Nodes和Connectors填充图. Data in any format can be easily converted, 映射, consumed in the diagram by setting a few properties, 无需编写任何代码. Vue 图组件还支持从列表或IEnumerable集合加载数据.

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

在Vue diagram中从外部数据源填充图

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

出口

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

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

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

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

印刷

从浏览器打印图表. You can also customize the page size, 取向, 和页面边缘, 并将一个图表放在一页纸上.

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

从浏览器打印图表 using Vue 图

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

序列化

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

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

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

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

杂项

In addition to all the features listed thus far, t在这里 are many more that enhance the diagramming experience.

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

Align objects using gridlines in Vue 图

网格线

网格线 provide guidance when trying to align objects.

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

使用Vue 图在绘图表面上定义类似页面的外观

页面布局

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

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

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

工具提示

Use tooltips to provide additional information about a node.

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

使用上下文菜单特性在Vue 图中映射常用的命令

上下文菜单

Easily map frequently 使用d comm和s to the context menu.

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

其他支持框架

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

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

Vue图代码示例

使用下面演示的几行简单的Vue代码,就可以轻松地开始使用Vue图. 也探索十博体育app的 Vue图例子 that shows you how to render 和 configure a 图 in Vue.

< div class="code-snippet-tabs" id="code-snippet-1"> < div class="tab-content"> < div class="tab-pane" data-original-lang="vue" id="5z4nbgastuz6hr03bdjivfxp5cycc63x-vue" role="tabpanel"> < div class="highlight">
<template>
 id=“应用程序”>
     id=“图” :宽度=“宽度” :身高=“高度”>

template>
<script>
进口 Vue  'vue';
进口 { 图Plugin }  '@syncfusion / ej2-vue-diagrams';

Vue.使用(图Plugin);
出口 默认的 {
的名字: '应用程序'
data () {
    返回 {
        宽度: "100%",
        高度: "350px"
    }
}
}
script>
<style>
@ 进口 "../../node_modules/@syncfusion / ej2-vue-diagrams/styles/material.css”;
style>
< / div > < / div > < / div > < / div > < / div >


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

Not sure how to create your first Vue 图? 十博体育app的文档可以提供帮助.

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

65+ vue UI组件

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

常见问题

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

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

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

We do not sell the Vue 图 separately. 它只能作为Syncfusion Vue套件的一部分购买, which contains over 70 Vue components, 包括图. 的单一开发人员许可 Syncfusion Essential Studio for Vue suite 成本 $995.00美元, including one year of support 和 updates. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请十博体育app 销售团队 today to see if you qualify for any additional discounts.

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

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

您可以找到十博体育app的Vue 图演示 在这里.

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

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

不,十博体育app的70个Vue组件,包括图,不是单独销售的,只是作为一个单独的包销售. 然而, 十博体育app的产品定价有竞争力,所以它的成本只比一些其他供应商收取的图表稍微多一点. 十博体育app也发现, 在十博体育app的经验, 十博体育app的客户通常开始使用十博体育app的一种产品,然后迅速扩展到几种产品, 所以十博体育app觉得最好是提供所有70 Vue组件的统一费用 995美元/开发人员. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请十博体育app 销售团队 today to see if you qualify for any additional discounts.

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

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

No, this is a commercial product 和 requires a paid license. 然而,一个 免费的社区许可 也适用于年总收入少于100万美元的公司和个人以及5个或更少的开发者.

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

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

A good place to start would be our comprehensive 开始文档.

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

独立阅读,
认证审核
在G2

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

十博体育app的客户如何评价十博体育app?

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

双引号

十博体育app经常使用文件格式和Windows/JavaScript列表控件. 它们快速、易于使用,文档也很好,并且包含了示例. 有问题或建议的罚单会在一天内得到答复, so we're h应用程序y to 使用 the Syncfusion libraries. < / div > < / div > < div class="row customer-information"> < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div class="profile-image"> 丹尼尔Persidok < / div > < / div > < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div class="testimonial-author">

丹尼尔Persidok

wpd在岸GmbH是一家 & Co. KG

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

双引号

使用Syncfusion、角和JavaScript控件让前端web开发变得轻而易举. 每个组件都有许多属性,可以根据您的需要进行配置, methods that can be 使用d to interact with the element, a lot of events that trigger at different stages, 这使得根据应用程序的状态修改组件变得很容易. 此外,他们的支持也是惊人的! They always offer a sample working project, 这使得解决你的代码问题变得非常简单. < / div > < / div > < div class="row customer-information"> < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div class="profile-image"> 卡洛斯·加西亚 < / div > < / div > < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div class="testimonial-author">

卡洛斯·加西亚

Vistatec

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

今天通过下载十博体育app的免费评估版本来改变您的应用程序 下载免费试用

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

伟大——说你拥有它是一回事,但当别人意识到它时,它意味着更多. Syncfusion is proud to hold the following industry awards.

< div class="all-awards text-center hidden-xs"> Syncfusion奖 < / div > < div class="all-awards text-center hidden-lg hidden-md hidden-sm"> Syncfusion奖 < / div > < / div > < / div > < / div > 向上箭头图标 < div class="segment" id="footer-warpper"> < div class="container"> < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">产品< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">探索十博体育app的产品< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">资源< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">学习 & 支持< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">公司< / div > < / div > < / div > < / div > < div id="footer-底"> < div class="container"> < div class="row"> < div class="col-sm-8 hidden-xs content-small"> < div class="footer-syncfusion-logo"> < / div > < div class="link"> 隐私政策 | 饼干的政策 | 使用条款 < / div > < div id="copy正确的-desktop"> Copy正确的 © 2001 - 2022 十博体育APP下载. 保留所有权利 < / div > < / div > < div class="col-sm-4 hidden-xs footer-contact-section"> < div class="footer-contact-fax"> < / div > < div class="footer-contact-mail"> < / div > < div class="col-sm-12 footer-icons-section"> < / div > < / div > < div class="visible-xs mobile-footer text-center">

十博体育app

< div class="copy正确的"> < div class="link"> 隐私政策 | 饼干的政策 | 使用条款 < / div > < div id="copy正确的"> Copy正确的 © 2001 - 2022 十博体育APP下载. 保留所有权利 < / div > < / div > < / div > < / div > < / div > < / div > < div class="IE-notifiyPopup" id="upgradeIE"> < div class="container popuptext"> < div>

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

< / div > < / div > < / div > < div hidden="" id="getservertime">2/23/2022 10:22:13 AM< / div > < div hidden="" id="WebinarForFTExpiration">星期二,2月18日2020 15:00:00 UTC< / div > < div hidden="" id="烤面包机ExpirationDate">星期三,2月16日2022 04:59:00 UTC< / div > < div id="chat-icon-mobile"> 移动实时聊天图标 < / div >
友情链接: 1 2 3 4 5 6 7 8 9 10