yFiles图形绘制控件详细介绍

yFiles 图形绘制控件AJAX/javascript版本（以下简称AJAX图形控件） 是一个基于web的矢量图编辑和图形绘制控件。控件的服务器端是基于成熟的 yFiles for Java library（yFiles图形绘制控件Java版）。. 而客户端使由JavaScript? 和 Dojo 开源框架写成，充分的利用了AJAX技术。

yFiles AJAX图形控件提供了基础模版用来在web页面（如HTML，JSP， ASP，ASP.NET等等）可视化的显示和编辑图形，图表， 各种行业图形（节点和连线构成的网络图形）:

 

不需要任何插件

支持所有的浏览器， 不需要预先安装任何插件。

 

容易部署

 使用AJAX图形控件的应用部署在服务器后，可以运行在任意的浏览器中运行。

 

和桌面应用功能一样强大

提供和桌面功能一样强大的的图形编辑和写作功能。

 

矢量和位图两种模式

可以根据不同的需求选择矢量或位图模式来显示可视化数据。

 

支持可触摸设备

用户可以在支持触摸设备（如iOS和安卓系统）中使用该控件。

专注的图形技术

yFiles公司专注图形相关的编程技术多年， 之前yFiles公司还推出了JAVA/.NET平台，包括 yFiles for Java,yFiles.NET, 和 yEd. 等等。

 

丰富的客户端编程接口

yFiles AJAX图形控件提供了各种API和基于鼠标/触摸设备的事件， 以便于程序员更好的控制图形本身。

 

可扩展的服务器端编程接口

AJAX图形控件提供了可扩展的基础架构，程序员可以用来扩展出更好的功能。

例子

支持触摸屏的组织机构图编辑器

该《支持触摸屏的组织机构图编辑器》应用演示了一个可以运行在平板电脑和普通PC上的交互式组织机构图编辑器。

・         支持鼠标和触摸设备

・         支持鼠标手势（iOS 设备或Android 3.2以上）

・         help widget provides details about supported gestures

图形浏览模式/只读模式

图形浏览例子演示了在只读模式下用户交互demo application demonstrates user interaction possibilities such as zooming, panning, overview, and toggling additional node information.

组织机构图

该组织机构图例子演示了如何实现一个可用户交互的组织机构图。该图形是从XML中装载数据的。

・         使用分组节点来包含业务组

・         可在全局和局部视图之间切换

・         在结构视图中，使用树形布局

网络拓扑图监视

该网络拓扑图监视系统演示了如何使用AJAX图形控件和服务器轮训技术，来动态的显示网络的动态拓扑模型，以及模型的变化。

可以折叠的树形结构

该《可折叠的树形结构》例子演示了装载大量节点的树形结构，图中的树形节点可以关闭和展开。可以为这些节点指定不同的图标，用来显示不同的节点状态。当一个节点被展开或关闭后， 图形控件会利用配置好的布局引擎进行布局。

这有一个教程《利用自己定义的Servlet 扩展yFiles AJAX版的功能》，一步一步的引导你去实现一个轻量级的，简单的例子。

图形分组

该图形分组的例子演示了yFiles如何支持分组的功能。 当分组打开或者关闭， 图形引擎会选择不同的布局算法进行布局。

图形编辑器

该图形编辑器应用显示了如何可视化的在Web网页上显示图形和图形之间的关联关系，包括AJAX图形控件的自动布局功能。

・         在一个图形中添加，修改，移动，标注图形节点和连线。

・         图形的交互功能，例如：放大和缩小， 移动图形， 撤销和重做，复制和粘贴等等

・         应用不同的布局逻辑

・         图片下载，格式另存为位图，jpg，svg等等。

泳道支持

该《泳道支持》演示了如何在服务器端configuration of the server side views used for generating the image tiles or SVG export of the graph.