Visualforce 页面中的 <apex: chart> 组件

<apex: chart> 组件是另一个重要的组件，用于定义图表的常规特征（大小、数据绑定等）。

<apex: chart> 组件具有以下属性

1. animate

animate 是一个布尔类型属性，用于指定在首次呈现图表时是否对其进行动画处理。布尔值 true 设置为默认值。

语法

2. background

background 是一个字符串类型属性，用于指定图表的背景颜色。此属性的值指定为 HTML 样式颜色。默认情况下，图表的背景颜色设置为白色。

语法

3. colorSet

colorSet 是一个字符串类型属性，用于指定每个子系列的颜色值集。此属性的值指定为逗号分隔的 HTML 样式颜色字符串。

语法

4. data

data 是一个对象类型属性，用于指定图表的数据绑定。控制器方法、JavaScript 方法或 JavaScript 对象被指定为一个值。在所有情况下，结果必须是记录数组，并且每个记录必须包含子数据系列组件中引用的所有字段。

语法

5. floating

floating 是一个布尔类型属性，用于指定是否使用 CSS 绝对定位将图表浮动在常规 HTML 文档流之外。

语法

6. height

height 是一个字符串类型属性，用于指定图表矩形的高度。

语法

7. hidden

hidden 是一个布尔类型属性，用于指定最初是否显示或隐藏图表。当设置为 true 时，图表呈现，但在首次显示页面时将其隐藏。

语法

8. id

id 是字符串类型的属性，即唯一的标识符，允许页面上的其他组件引用此组件。

语法

9. legend

legend 是一个布尔类型属性，用于指定是否显示默认图表图例。布尔值 true 设置为默认值。

语法

10. name

name 是一个字符串类型属性，用于指定生成的 JavaScript 对象的名称，该对象用于提供额外的配置或执行动态操作。

语法

11. rendered

rendered 是一个布尔类型属性，用于指定是否在页面上呈现组件。布尔值 true 设置为此属性的默认值。

语法

12. renderTo

renderTo 是一个字符串类型属性，用于指定要呈现图表的 DOM 元素的 ID。

语法

13. resizable

resizable 是一个布尔类型属性，用于指定图表在呈现后是否可调整大小

语法

14. theme

theme 是一个字符串类型属性，用于指定图表主题的名称。以下是此属性的可能值

1. Salesforce
2. 绿色
3. 紫色
4. 天空
5. 蓝色
6. 红色
7. 黄色
8. Category1
9. Category2
10. Category3
11. Category4
12. Category5
13. Category6

语法

15. width

width 是一个字符串类型属性，用于指定图表矩形的宽度（以像素为单位）。

语法

让我们举个例子来了解如何在 Visualforce 页面上使用这个组件。

ApexChartExample.vfp

ApexChartController.apxc

输出