ADF_018：使用ADF Faces 之二：数据可视化组件 Gauge

开发环境：JDeveloper 11.1.2.1.0 + Oracle XE Database 10gR2。

接着上一个实验，继续增加一个PanelBox展示Gauge组件。

1. 直接从组件面板中拖放Gauge到页面上，选择Dial类型
Gauge组件使用比较简单，直接从组件面板中拖放Gauge到页面上


2. 把每个部门的工资总和Binding到Gauge组件的Value属性上。
然后设置最小值和最大值。

3. 设置thresholdSet，把值分段分颜色演示。
默认是分成3段，你可以增加段数。

4. 为了让展示效果更好，设置Gauge的属性。
（1）AnimationOnDisplay=auto，动画效果。

5. 为了让点击部门Pie图时，Gauge图跟着变，需要在Gauge图上设置PPR，将其指向部门Pie图。

6. 运行页面。

更进一步：拖放把Component Drag Source组件拖放到3个PanelBox上，这样运行时可以交换3个PanelBox的位置：比如把Dept Data和Emp Data位置互换。

说明：Gauge还有其它类型的选项，比如StatusMeter，使用起来大同小异，不再单独举例说明。

7. 数字显示格式。
默认显示的数字是以K结尾的，比如70000显示为70K，见上图。
如果你希望千分位显示数字，比如70000显示为70,000。可以按照如下方式修改：
（1）修改metric Label，设置Scaling=none。

（2）修改ticket Label，设置Scaling=none。

（3）运行效果如下：

（4）如果需要定义成其它数据显示格式，可以在metric Label或ticket Label中增加Number Format


Project 下载：ADF_Dashboard.7z