{ "@context" : "http://schema.org", "@type" : "Organization", "url" : "http://edit.yamanekotei.com/", "logo" : "http://cdn.yamanekotei.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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜使用cookie在受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的网站上给你最好的体验. 如果您继续浏览,那么您同意受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的 隐私政策 而且 饼干的政策. 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"> 微软已经停止了对旧版本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"> 不幸的是,激活邮件无法发送到您的邮箱. 请 再试一次. < / 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">

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

免费试用. < / 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"> 找到关于受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的产品、文档等的任何信息. < / 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"> 请与受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜分享您的意见和问题< / 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">感谢您的反馈和意见. 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜将很快处理此请求,并在需要时回复您. < / 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/vue-diagram-banner.png); background-image: url(/products/vue/control/images/diagram/vue-diagram-banner.png)"> < div class="container"> < div class="row"> < div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

Vue 图 -一个功能强大、功能丰富的绘图工具

视图演示 免费试用 < 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">

深受世界领先企业的信赖

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图表通过代码或可视化界面.

< / 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图中可用的内置流程图形状创建的流程图

< / 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 > < 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 class="ft-column-header text-left">

组织结构图

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

< / 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应该位于中心,哪些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 >

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

< div class="caro使用l slide" data-ride="caro使用l" id="obetghy6bnkye"> < 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

Connectors表示两个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">

Vue图中提供不同类型的Connectors

类型

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

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

Vue图中的Connectors行跳转行为

桥接或行跳转

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

< / 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图中的Connectors外观定制

外观

与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上添加多个标签

多个标签

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

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

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

对齐

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

< / 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">

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

调整

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

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

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

旋转

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

< / 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图中的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">

在Vue图中将多个Nodes合并为组Nodes

分组

您可以将多个Nodes组合成一个组,然后将它们作为单个对象进行交互. 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的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">

调整所选对象的大小,使其在Vue图中具有相等的大小

大小命令

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

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

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

对齐命令

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

< / 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="bxpvz5abvzpvr"> < div class="caro使用l-inner" role="listbox"> < div class="item active"> 使用Vue图解建立径向树布局< div class="caro使用l-caption">使用Vue图解建立径向树布局< / div > < / div > < div class="item"> 使用Vue图构建层次树布局< div class="caro使用l-caption">使用Vue图构建层次树布局< / div > < / div > < div class="item"> 使用Vue图解构建对称布局< div class="caro使用l-caption">使用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 > < div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

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

< / div > < 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到页面原点的距离. 这在创建比例模型时尤其有用.

< / 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">

符号面板

Vue图解包括一个模板画廊, 可重复使用的符号, 以及可以拖到图表表面的Nodes.

< / 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 > < div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

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

< / div > < 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 >
< 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">

使用Vue图交互绘制Nodes和Connectors

< / 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 > < div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

通过在Vue diagram中放大或缩小,可以近距离查看大型图表

< / div > < 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 >
< 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填充图. 任何格式的数据都可以轻松转换, 映射, 并通过设置一些属性在图中使用, 不需要编写任何代码. 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 > < div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

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

< / div > < 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 >
< 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 > < div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

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

< / div > < 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 >
< div class="row multi-column-conent-container"> < div class="ft-column-header text-left">

杂项

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

< / 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">

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

网格线

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

< / 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的附加信息

工具提示

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

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

使用上下文菜单功能映射Vue图中经常使用的命令

上下文菜单

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

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

其他支持框架

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

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

Vue图代码示例

使用如下所示的几行Vue代码就可以轻松开始使用Vue图. 也探索受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜Vue图例子 它向您展示了如何在Vue中渲染和配置图表.

< div class="code-snippet-tabs" id="code-snippet-1"> < div class="tab-content"> < div class="tab-pane" data-original-lang="vue" id="obfnloc6yhbsrtnaus7w1ic0o71e0q2r-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 /风格/材料.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">

不知道如何创建您的第一个Vue图? 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的文档可以提供帮助.

我现在就想看 < / 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">

70+ 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 > < / 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">

Syncfusion Vue 图组件用于可视化, 创建具有以下功能的交互式图表:

< / 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">

受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜不单独出售Vue图表. 它只能作为Syncfusion Vue套件的一部分购买, 包含超过70个Vue组件, 包括图. 的单一开发人员许可证 Syncfusion Essential Studio for Vue套件 成本 $995.00美元,包括一年的支持和更新. 除此之外,受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜还可以根据目前的促销活动提供额外的折扣. 请受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜 销售团队 今天看看你是否有资格获得额外的折扣.

< / 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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的70多个Vue组件,包括图,不单独出售,只作为一个单一的包装. 然而, 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜对产品的定价具有竞争力,所以它只比其他一些供应商单独收取的图表多一点点. 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜也发现, 在受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的经验, 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的客户通常开始使用受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的一种产品,然后迅速扩展到几种产品, 所以受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜觉得最好是提供所有70+ Vue组件的固定费用 995美元/开发人员. 除此之外,受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜还可以根据目前的促销活动提供额外的折扣. 请受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜 销售团队 今天看看你是否有资格获得额外的折扣.

< / 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">

不,这是一个商业产品,需要付费许可证. 然而,一个 免费的社区许可 是否也适用于年总收入低于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">

一个好的开始是受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的综合 开始文档.

< / 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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的客户怎么评价受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜?

< 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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜大量使用文件格式和Windows/JavaScript列表控件. 它们快速、易于使用,文档也很好,包含示例. 有问题或建议的票务将在一天内得到答复, 所以受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜很乐意使用Syncfusion库. < / 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开发变得轻而易举. 每个组件都有许多属性,可以根据您的需要进行配置, 可用于与元素交互的方法, 还有很多在不同阶段触发的事件, 这使得根据应用程序的状态修改组件成为一项简单的任务. 而且,他们的支持是惊人的! 他们总是提供一个示例工作项目, 这使得解决关于代码的问题变得非常简单. < / 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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的免费评估版本来转换您的应用程序 下载免费试用

< / 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很荣幸能举办以下行业奖项.

< 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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜的产品< / 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"> 版权所有©2001 - 2022 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜 .. 保留所有权利 < / 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-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜

< div class="copy正确的"> < div class="link"> 隐私政策 | 饼干的政策 | 使用条款 | 道德政策 < / div > < div id="copy正确的"> 版权所有©2001 - 2022 受欢迎的银河公司app-银河澳门总站公交在线登录-apple app store排行榜-受欢迎的娱乐排行榜 .. 保留所有权利 < / 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">10/03/2022 06:13:19 PM< / div > < div hidden="" id="WebinarForFTExpiration">2020年2月18日星期二15:00:00 UTC< / div > < div hidden="" id="烤面包机ExpirationDate">2022年2月16日星期三04:59:00< / div > < div id="chat-icon-mobile"> 移动端实时聊天图标 < / div >