您的位置:首页 > 其它

yFiles图形绘制控件详细介绍

2014-06-07 11:31 204 查看
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.

















内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: