TWaver可视化

可视化赋能智慧未来

HTML5第三弹:亦酷亦萌的网络拓扑图

前言前一篇3D机房好像有点火,看来轻量的Web 3D是大势所趋,当时选择WebGL而不是U3D真是灰常英明的抉择。3D虽然炫酷,但在真正的企业应用里,数据、关系的呈现还是要回到传统2D界面,而HTML5是目前的最佳选择。像HTML5的canvas,虽然已经不是什么新鲜技术了,但直接在浏览器中绘制网...

2015-07-16 19:39:14

阅读数 7598

评论数 2

HTML5实现的矢量卡片式组织结构图

组织结构图(Organization chart)是企业的流程运转、部门设置及职能规划等最基本的结构依据。和客户交流时,不少人都提到需要一个灵活的工具来绘制呈现企业的组织架构,今天就给大家带来一款用TWaver实现的组织结构图,提供多种布局方式,为了清晰呈现组织里每个人的职能,我们定制了名片样式来...

2015-05-08 16:29:02

阅读数 6610

评论数 2

用拓扑图呈现多层级关系图(二)

上一篇里我们用TWaver制作了一个公司内部的流程图,这一弹,我们来研究如何呈现出公司内部门和员工间的关系网图。先来看看效果: 例子中我们展示的是各部门员工之间的复杂关系图。在公司内部,不仅部门内部员工之间发生着关系往来,部门和部门之间的员工也在发生这各种往来关系。如果你还是用原先的那种表格来呈...

2015-05-04 18:04:58

阅读数 5023

评论数 0

HTML5 实现Link跳线效果

之前我们推出过Flex版本的Link跳线效果,现在基于HTML5新版本的跳线效果也实现了,细微之处我们进行了改进,如link倾斜的时候Offset方向始终保持垂直等。先看效果。

2015-01-15 13:57:12

阅读数 1104

评论数 0

22万个木箱!TWaver 3D极限压榨

打开个门户网站都千呼万唤,我们还能期待网页上的3D技术会有“酣畅淋漓”、“一气呵成”的感受吗?也许现在还差点火候。但是HTML5、WebGL等技术一直在飞速的发展,可能很快你就会惊讶它的能力。现在,我们就试试TWaver的3D能显示多少个木箱子,透明的木箱子。数据量当然要大才行,10万个怎么样?干...

2014-12-29 11:27:23

阅读数 2112

评论数 2

TWaver GIS在电信中的使用

TWaver提供的是电信行业中的图形解决方案,TWaver GIS是基于地图服务的一套解决方案。您可以这样理解,TWaver GIS就是在地理信息系统(GIS)上使用TWaver,TWaver的各种图形组件都可以在GIS上使用。TWaver本身不提供地图数据,我们与传统的arcgis相比更轻量,更...

2014-10-09 14:53:38

阅读数 1453

评论数 1

如何创建环型、树型双层布局

TWaver的Demo中有常用的环型布局和树型布局,但是当网元数量较多,又不想zoomOverView,聪明的我们自然会想到使用双层布局,整体效果既不会显得很拥挤,也能刚好充满整个窗口.

2014-09-19 10:52:55

阅读数 1627

评论数 0

Autolayout性能优化

客户的需求就是我们进步的动力。 最近有客户提出大数据量Topo图的自动布局问题,在Topo中除了Node、Link,还包括Group、Subnetwork等容器组件。在这样的情况下,我们抛开布局算法不谈,主要分析如何提高布局的性能,如何让TWaver能够支持更强大的数据量,让整体的布局效果更人性...

2014-09-03 11:18:10

阅读数 736

评论数 0

自定义Background

TWaver提供了ImageBackground来为TNetwork设置背景,ImageBackground可以设置为颜色,渐变色,图片或纹理,但是如果想设置多张图片为背景,或者需要准确的定位背景(比如居中),ImageBackground就无能为力了,下面看我的解决方案: 既然ImageBac...

2012-08-17 11:45:56

阅读数 880

评论数 0

.NET实现的四层拓扑结构

看着这图是不是很眼熟。没错,这是前段时间在Javaeye上风风雨雨的用Swing实现的四层网元拓扑图。看后深有感触,用Swing能做出这样的效果确实不易,何时我用.NET的也能用实现出这种的拓扑结构图。   看看TWaver早已出了.NET的版本,借助于TWaver强大的功能以及之前Swing...

2011-08-05 18:27:45

阅读数 679

评论数 0

提示
确定要删除当前文章?
取消 删除