EA中支持很多中图表模型，如柱状图、饼图等，这些图表可以跟踪项目的进度，通过用例状态了解完成情况。图表数据可以从特定的包中选择，也可以自定义SQL 查询数据。

动态图表是EA15.2 的新特性，它是一种特殊的图表模型，它的类型，内容，外观等用户都可以通过脚本自己定义。

为什么需要动态图表

工程师可以用UML对软件分析设计建模，用Sys ML对系统分析设计建模，除此之外，工程师还需要很多图形的形式，数据分析方面就很需要统计图标支持。EA 对以上模型都能够支持:

动态图表富有表现力而且非常灵活，除了日常跟踪之外，可以使复杂的统计数字简单化、通俗化、形象化，使人一目了然，便于理解和比较。

如下是一个动态图表的示例，它通过EA自带的JS图标库定义了一个三维曲面线框图。

EA里面的动态图表都有什么

动态图表可以根据需要自定义图表类型，常见类型包括：

单个图表上可以放一个多个Dynamic Chart元素，可以显示多种不同的图表类型。如下是一些动态图表的示例：

上图中显示的动态图表有：

• 左上图显示的箱线图的动态图表，显示了欧洲，大洋洲，亚洲每月的网站访问量。图中定义了每个地区访问的最大值、最小值、中位数、及上下四分位数。
• 右上图显示的是一个三维曲面图。
• 左下图显示的是一个面积图，柱状图和曲线图的综合图。
• 右下图显示的是一个3D柱状图。

生成图表的脚本：

我们一般用JavaScript来生成动态图表。EA自带了一个JavaScript图表库，可用于描述图表的类型、数据和样式。该库通过DynamicChart元素调用，通过脚本填充的图表。每当打开或刷新动态图表时，会刷新动态图表数据。E A包含源代码编辑器，用户可以查看、编辑源代码。

如下是生成动态图标的脚本：

动态图表的脚本有两种实现方法：

1. JavaScript脚本

2. JSON定义数据源，这是当前首选的数据源格式。

如何创建动态图表

下面我们来看看如何创建动态图表：

1、首先创建图：在建模向导菜单中选择 Extended中Dashboard图，然后在工具箱中 选择Artifacts 下Dynamic Chart 元素。

2、然后“DynamicChart”，使用快捷键Alt + 7或右键单击 “ Edit Chart Script”菜单选项编辑代码，以显示“ 代码编辑器”窗口。可自定义显示图表的类型，图表的样式，以及图表的数据源。

3、编辑完成后保持代码返回仪表盘图 右键单击刷新，即可显示添加的动态图表。

动态图表示例

下面我们以建立三维曲面线框图来看一下动态图表的创建。如下是该实例的动态图表效果：

本图表示例提供两种创建方法-JavaScript编码方法和JSON数据源方法。接下来我们分别了解一下这两种方法。

JavaScript编码方法：

用JavaScript编写的，并且必须包含ConstructChart方法的实现。然后将调用此方法，并将元素的GUID作为参数传递给它。代码说明如下：

JSON数据源方法

这种方法和JS编码方法类似，也需要构建ConstructChart函数。ConstructChart函数采用一个参数，这个参数是选定动态视图元素的GUID标识。然后，调用内置函数EA自带JS图表库中ConstructChartFromJSON方法，将GUID作为第一个参数，并将JSON结构作为第二个参数，如下例所示：

更多信息：

下载 pdf版：《在EA中构建动态图表模型》

本文使用的建模工具为EA，可以下载试用版

http://tool.uml.com.cn/ToolsEA/download.asp

后记

希望您读了此文后有所受益。

如果您有经验乐于分享，欢迎投稿给我们。

如果您对我们的培训、咨询和工具感兴趣：