13、Visualforce 图表创建与应用指南

Visualforce 图表创建与应用指南

1. 创建堆叠条形图

堆叠条形图可用于将数据的各组成部分与整体进行比较。例如，用一个条形表示当前开放的机会总数，条形的各个部分则显示销售过程中每个阶段的机会记录数量。

在这个示例中，我们将创建一个 Visualforce 页面，其中包含一个堆叠条形图，每个条形显示过去 12 个月中每月结束的机会总价值，包括赢单和输单。每个条形分为两个部分：下部显示当月输单的总价值，上部显示当月赢单的总价值。

准备工作

此示例使用自定义控制器，因此在创建 Visualforce 页面之前，必须先有该控制器。

操作步骤

1. 点击“Your Name | Setup | Develop | Apex Classes”，导航到 Apex 类设置页面。
2. 点击“New”按钮。
3. 将代码下载中的 StackedBarChartController.cls Apex 类内容粘贴到 Apex 类区域。
4. 点击“Save”按钮。
5. 点击“Your Name | Setup | Develop | Pages”，导航到 Visualforce 设置页面。
6. 点击“New”按钮。
7. 在“Label”字段中输入 StackedBarChart 。
8. 接受自动为“Name”字段生成的默认值 StackedBarChart 。
9. 将代码下载中