< div id="CookieNotification"> < div 类="container"> < div 类="row"> < div 类="col-lg-10 col-md-9 col-sm-10 col-xs-12 content-small vcenter"> 十博体育app使用饼干在十博体育app的网站上给你最好的体验. 如果您继续浏览,则表示您同意十博体育app 隐私政策饼干的政策. 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">

BoldSign 现在免费给朋友和家人! 轻松发送电子签名文件.

声称帐户 < / 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"> 找到任何关于十博体育app的产品、文档和更多的信息. < / 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"> 请与十博体育app分享您的意见和问题< / 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"> 我想要一个帐户被创建,并被联系有关此消息. 十博体育app不会采取进一步的行动. 隐私政策, 饼干的政策. < / div > < div 类="feedButton"> < / div >
< div 类="thankyou-message hide"> < div 类="feedback-confirmation">谢谢你的反馈和意见. 十博体育app将很快处理此请求,并在需要时回复您. < / div > < div> < / div > < / div > < / div > < / div > < / div > < div 类="popular-banner list-template video-banner bg-lazy" id="whitebackground" style="background-image: url(/products/essential-js2/control/images/图/图-banner.png); background-image: url(/products/essential-js2/control/images/图/图-banner.png)"> < div 类="container"> < div 类="row"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12">

JavaScript图表库-功能强大,功能丰富的控制

免费试用 视图演示 < div data-target="#video-modal" data-toggle="modal" id="overviewVideo"> < div id="playImage">< / div > 快速浏览视频 < / div > < div id="single-fold-platform-banner"> < div 类="essential-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"> 角的图标
< / 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">

JavaScript js图

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

概述

JavaScript 图是一个用于可视化的功能丰富的架构图库, 创建, 以及编辑交互式图表. 它支持创建流程图, 组织图表, 思维导图, 和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">

流程图

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

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

用JavaScript 图库中提供的内置流程图形状创建的流程图

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

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

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

思维导图创建与数据绑定和自动布局功能,可在JavaScript图表库

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

Nodes

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

< / div > < div 类="carousel slide" data-ride="carousel" id="bhw51crsn4lm7">
< div 类="carousel-inner" role="listbox"> < div 类="item active"> 在JavaScript图表库中,使用基本形状特征可视化几何信息< div 类="carousel-caption">在JavaScript图表库中,使用基本形状特征可视化几何信息< / div > < / div > < div 类="item"> 在JavaScript图库中创建具有BPMN形状特性的BPMN图< div 类="carousel-caption">在JavaScript图库中创建具有BPMN形状特性的BPMN图< / div > < / div > < div 类="item"> 使用JavaScript 图库在Nodes内嵌入图像、HTML或SVG内容< div 类="carousel-caption">使用JavaScript 图库在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">

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

类型

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

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

JavaScript图库中的Connectors跳转行为

桥接或线路跳转

使用桥接(换行)来说明Connectors的路由, 使Connectors在密集的图表中相互重叠时易于阅读.

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

JavaScript 图库中预定义的箭头说明了图中的流方向

箭头

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

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

JavaScript 图库中的Connectors外观定制

外观

与Nodes一样,Connectors的外观也可以按照您想要的方式进行定制. JavaScript 图控件提供了一组丰富的属性,您可以通过这些属性定制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">

使用JavaScript 图库中的端口连接到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">

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

编辑

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

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

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

多个标签

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

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

对齐JavaScript 图库中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">

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

选择并拖动

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

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

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

调整

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

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

使用JavaScript图表库中的处理程序选择和旋转Nodes

旋转

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

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

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

撤销和重做

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

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

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

剪贴板

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

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

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

z值

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

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

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

提前

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

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

在JavaScript 图库中将多个Nodes合并为一个组Nodes

分组

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

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

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

快速的命令

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

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

对齐

十博体育app的JavaScript图表库预定义了对齐命令,使您能够根据选择边界对齐选定对象的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">

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

间距的命令

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

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

在JavaScript图库中调整所选对象的大小,使其具有相同的大小

大小命令

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

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

使用JavaScript图表库中的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="vjqj1wxlbmh3d">
< div 类="carousel-inner" role="listbox"> < div 类="item active"> 使用JavaScript图表库构建径向树布局< div 类="carousel-caption">使用JavaScript图表库构建径向树布局< / div > < / div > < div 类="item"> 使用JavaScript图表库构建层次树布局< div 类="carousel-caption">使用JavaScript图表库构建层次树布局< / div > < / div > < div 类="item"> 使用JavaScript图表库构建对称布局< div 类="carousel-caption">使用JavaScript图表库构建对称布局< / 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">

使用JavaScript 图库中的标尺特性测量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">

符号面板

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

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

使用JavaScript 图库中的符号调色板特性在符号调色板中宿主可重用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">

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

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

使用JavaScript 图库交互式地绘制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">

通过在JavaScript 图库中放大或缩小查看一个较大的图表

< / 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填充图. 任何格式的数据都可以很容易地转换, 映射, 并通过设置一些属性在图中被使用, 无需编写任何代码. JavaScript 图控件还支持从列表或IEnumerable集合中加载数据.

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

从JavaScript图表库的外部数据源填充图表

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

使用JavaScript 图库将图表导出为不同的图像格式

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

使用JavaScript图表库从浏览器打印图表

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

序列化

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

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

通过使用JavaScript 图库将图表序列化为JSON格式来保存和加载图表

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

第三方框架

兼容第三方框架,如 , 反应, Vue.

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

兼容第三方框架,如角、反应和Vue

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

在JavaScript图表库中使用网格线对齐对象

网格线

网格线提供了对齐对象的指导.

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

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

页面布局

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

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

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

工具提示

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

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

使用上下文菜单特性在JavaScript图表库中映射经常使用的命令

上下文菜单

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

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

其他支持框架

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

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

JavaScript图表代码示例

使用几行简单的HTML和TS代码就可以轻松地开始使用JavaScript图表,如下所示. 也探索十博体育appJavaScript图例子 它向你展示了如何用JavaScript渲染和配置图表.

< div 类="code-snippet-tabs" id="code-snippet-1"> < div 类="tab-content"> < div 类="tab-pane" data-original-lang="html" id="zmshr844om4e6lp50emkw9sywe03j2qy-html" role="tabpanel"> < div 类="highlight">
 类=“控制部分”>
     类=“content-wrapper”>
         id=“元素”>
        
    
< / div > < / div > < div 类="tab-pane" data-original-lang="ts" id="jtru54ck9sfyku54hkfgw6k9me6fjr91-ts" role="tabpanel"> < div 类="highlight">
进口 {  }  '@syncfusion / ej2-图s';

 :  =  ({
宽度: '100%', 高度: '600px'
});
.appendTo('#元素');
< / 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">

不知道如何创建您的第一个JavaScript图表? 十博体育app的文档可以提供帮助.

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

65+ javascript UI控件

< div id="loader">< / div > < div 类="control-section essential-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 类="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 JavaScript 图?

< 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 JavaScript图表的价格是多少?

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

十博体育app不单独出售JavaScript图表. 它只能作为Syncfusion JavaScript套件的一部分购买, 包含超过65个JavaScript组件, 包括图. 的单一开发人员许可 Syncfusion Essential Studio for JavaScript套件 成本 $995.00美元包括一年的支持和更新. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请十博体育app 销售团队 看看你是否有资格获得额外的折扣.

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

我在哪里可以找到Syncfusion JavaScript图表演示?

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

你可以找到十博体育app的JavaScript图表演示 在这里.

< / 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 JavaScript 图组件吗?

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

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

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

我可以免费下载和使用Syncfusion JavaScript图吗?

< 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 JavaScript图?

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

一个好的开始是十博体育app的综合 开始文档.

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

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

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

双引号

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

丹尼尔Persidok

wpd在岸GmbH是一家 & Co. KG

< / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 testimonial-content match-高度"> < div 类="testimonial-block"> < div 类="testimonial-message second-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 > < / 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">

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

< / div > < / div > < / div > < / div > < div 类="text-center segment xamarin-新-ft technical-support-v1 technical-support-controls" id="technical-support"> < div 类="container"> < div 类="row"> < div 类="platform-heading-text">Syncfusion JavaScript 资源< / 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">

伟大——说你拥有它是一回事,但当别人意识到它时,它意味着更多. synfusion很荣幸举办以下行业奖项.

< 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">探索十博体育app的产品< / 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 十博体育APP下载. 保留所有权利 < / 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">

十博体育app

< div 类="复制正确的"> < div 类="link"> 隐私政策 | 饼干的政策 | 使用条款 < / div > < div id="复制正确的"> 版权所有©2001 - 2022 十博体育APP下载. 保留所有权利 < / 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">3/05/2022 04:55:53 AM< / div > < div hidden="" id="WebinarForFTExpiration">星期二,2月18日2020 15:00:00 UTC< / div > < div hidden="" id="烤面包erExpirationDate">星期三,2月16日2022 04:59:00 UTC< / div > < div id="chat-icon-mobile"> 移动实时聊天图标 < / div > 即时聊天图标
友情链接: 1 2 3 4 5 6 7 8 9 10