在开始之前,必须先完成练习 3.3:添加树组件。
股票 |
数量 |
价格 |
---|---|---|
IBM |
100 |
58 |
IBM2 |
250 |
130 |
IBM3 |
1000 |
100 |
IBM4 |
500 |
82 |
要将此表绘制成图形,首先需要将列表本身作为锚点。然后,需要指定应该将哪一列用作 X 轴;最后,指出将表示每个数据系列的每一列。因此,举例来说,如果想要以图形表示四次股票购买情况,并且要并排显示数量和价格信息,则将指定数量和价格列作为数据系列。
对于本教程,用图形来表示投资组合的内容、绑定位置属性、并排绘制每支股票的当前市值以及拥有的数量。
注意:如果数据有重复的行,例如,给定股票有多个数据点,则可以通过选择“将值分组”复选框来将相似的数据元素集中在一起。
如果您正在对值进行分组,则需要选择使用哪个函数来将组合的两个或多个数据元素集中在一起。系统支持一些基本函数,例如,sum、average、min、max, first 和 last。如果您只有两个数据系列,则可以选择用一个图形同时表示它们,但是要在图形的两侧分别绘制它们的 Y 轴标签,这样就有左 Y 轴和右 Y 轴。选择 SUM 函数以组合数据,原因是同一支股票具有多个条目。在“数据格式”面板中,选择每个数据系列的格式。当显示实例的数字数据时,指定应该显示多少位小数是很重要的。定义格式选项的行为与它们在“图”中的行为完全相同。
“图”组件没有任何事件,原因是它不允许来自用户的任何输入;所有显示事件都是在内部由 Flash 控件管理的。它只对其它页面事件作出响应,并因此而更新它的显示。
如果需要定制“图”的外观,则编辑名为 graph.css 的缺省“级联样式表”(CSS)。在“项目导航器”中,在您的项目的 /WebContent/theme/graph.css 中提供了此文件。
现在,您可以开始进行练习 3.5:在服务器上测试了。