<apex: chartLabel> 组件在 Visualforce 页面中

2025年3月17日 | 阅读 3 分钟

<apex: chartLabel> 是另一个用于定义标签显示方式的重要组件。<apex: chartLabel> 组件允许我们影响标签(数据系列、轴和饼图段)的显示。<apex: chartLabel> 组件始终用作任何数据系列组件或 <apex: axis> 组件的子组件。

<apex: chartLabel> 组件在 Visualforce 页面上具有以下属性

1. color

color 是一个字符串类型的属性,用于指定文本的颜色。我们将其值指定为 HTML 样式颜色(十六进制)。默认情况下,#000 被设置为默认颜色。

语法

2. display

display 是一个字符串类型的属性,用于指定标签的位置。此属性的可能值如下

  1. rotate
  2. middle
  3. insideStart
  4. insideEnd
  5. under
  6. over
  7. outside

middle 被设置为此属性的默认值。

语法

3. field

field 是一个字符串类型的属性,用于指定从中检索系列中数据点标签的字段。"name" 被设置为此属性的默认值。

语法

4. font

font 是一个字符串类型的属性,用于指定标签文本的字体(作为 CSS 规则)。默认情况下,其值设置为 "11px Helvetica, sans-serif"

语法

5. id

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

语法

6. minMargin

minMargin 是一个整数类型的属性,用于指定标签与可视化原点之间的最小距离(以像素为单位)。默认情况下,其值设置为 50。

语法

7. orientation

orientation 是一个字符串类型的属性,用于以正常方式或垂直堆叠方式显示标签文本字符。此属性有两个可能的值

  1. horizontal
  2. vertical

默认情况下,其值设置为 "horizontal"

语法

8. rendered

rendered 是一个布尔类型的属性,用于指定标签是否与图表一起呈现。布尔值 true 被设置为默认值。

语法

9. rendererFn

rendererFn 是一个字符串类型的属性,用于指定 JavaScript 函数的名称,该函数增强或覆盖轴或系列标签的标签渲染。

语法

10. rotate

rotate 是一个整数类型的属性,用于指定旋转标签文本的度数。默认情况下,其值设置为 0。

语法

让我们看一个例子来了解如何在 Visualforce 页面上使用此组件

ApexChartLabelExample.vfp

ApexChartLabelController.apxc

输出

apex: chartLabel Component in Visualforce Page