电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 对于在移动设备上创建交互式图表最为重要的一些参数-2 [打印本页]

作者: look_w 时间: 2018-9-4 08:47 标题: 对于在移动设备上创建交互式图表最为重要的一些参数-2

优化移动设备的图形布局应用程序与典型台式机或笔记本电脑相比，移动设备有特定的限制：

屏幕尺寸较小（适用平板电脑，特别是智能手机）。
特定的交互模式（使用触摸手势）。
较少的可用内存。
更低的 CPU 功率。
较慢的网络访问，特别是对于 GSM 连接。

小屏幕尺寸和交互模式需要您设计适合移动设备的图形用户界面。Dojo Diagrammer 可从移动 dojo 包 dojox.mobile 中获益，这使得人们更容易采用 Dojo Diagrammer。
移动应用程序还需要将 CPU、移动和网速限制考虑在内。对于使用图形布局的图表应用程序，这三个因素都很关键。事实上，大部分图形布局算法从其数学性质来说都是计算密集型的，且移动设备需要通过网络接收描述图形的数据，这对于大图形来说较慢。
下面是在移动设备上优化您的图形布局应用程序的重要提示：

设计向用户呈现中小图形的应用程序。如果业务数据需要用到大图，则提取与数据相关的一小部分（图 2 展示了这一构想）。除了节省计算能力之外，这还提供一个适合屏幕大小的数据视图。
在所有图形布局算法中，人们倾向于使用最快的算法，特别是对于大图。最快的算法是树形布局和网格布局。层次布局和链接布局较慢，应用于中小图形。最慢的算法是力导向 (force-directed) 布局。
要注意那些显著影响性能的图形布局的自定义参数。
可以尝试在服务器端执行图形布局。Dojo Diagrammer 允许您将布局算法编写为浏览器内的 Dojo 代码来执行，或者编写为在服务器上运行的 Java™ 代码来执行，这得益于产品中包含的随时可用的 RESTfull/JAX-RS 服务。在服务器上运行布局算法时，实际设备的 CPU 和内存就不那么重要了。此外，移动设备需要下载较少的 JavaScript™ 代码，因为它不需要算法代码，这会减少应用程序的初始加载时间。另一方面，在服务器上执行时需要在移动客户端与服务器之间传递用 JavaScript Object Notation (JSON) 序列化的图形描述，这对于 GSM 连接来说会很慢。可以根据图形的大小和速度特征、布局算法、移动设备和网络，确定客户端和服务器端哪个更适合一些。Dojo Diagrammer 为您同时提供两个解决方案，让您自由使用最适合某个情况的方案。

图 2. 使用组织机构图的局部视图为移动设备定制图形布局应用程序的示例

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)