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

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

<apex: legend> 是一个用于定义图例的另一个重要组件。除了 <apex: chart> 组件的 legend 属性使用的默认值之外，它还提供了额外的配置选项。 <apex: legend> 组件在 <apex: chart> 中使用。

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

1. font (字体)

font (字体) 是一个字符串类型的属性，用于指定图例文本的字体。此属性的值指定为 CSS 样式字体定义。

语法

2. id

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

语法

3. padding (填充)

padding (填充) 是一个整数类型的属性，用于定义内容与图例边框之间的间距。我们为此属性指定像素值。

语法

4. position (位置)

position (位置) 是一个字符串类型的属性，用于指定图例相对于图表的位置。此属性的可能值为

top
bottom (底部)
右
左

语法

5. rendered (已呈现)

rendered (已呈现) 是一个布尔类型的属性，用于指定是否使用图表呈现此组件。布尔值 true 设置为此属性的默认值。

语法

spacing (间距)

spacing (间距) 是一个整数类型的属性，用于指定图例项目之间的间距量。此属性的值以像素为单位指定。

语法

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

ApexLegendExample.vfp

<!--apex page to -->  
<apex:page standardController="Campaign" extensions="ApexLegendController">  
    <!-- use pageBlock, pageBlockSection, and pageBlockSectionItem to design chart in VF-->  
    <apex:pageBlock >  
        <!-- pageBlockSection to display Pie chart-->  
        <apex:pageBlockSection title="Campaign Data">  
            <apex:pageBlockSectionItem >  
                <!-- use apex: chart component with legend and pieSeries-->  
                <apex:chart height="300" width="300" data="{!pieData}">  
                    <apex:pieSeries dataField="value" labelField="monthName"/>  
                    <apex:legend position="left"/>  
                </apex: chart>  
            </apex:pageBlockSectionItem>  
        </apex:pageBlockSection>  
    </apex:pageBlock>  
</apex: page>

ApexLegendController.vfp

// create class ApexLegendController for constructing chart data  
public with sharing class ApexLegendController {  
    // declare a campaign to access it on the VF page  
    public Campaign data {get;set;}  
    
    // default constructor with StandardController  
    public ApexLegendController(ApexPages.StandardController stdController){  
        data = (Campaign)stdController.getRecord();  
    }  
    
    // create getPieData() method
    public List<WrapData> getPieData() {   
        // create a list of wrapData  
        List<wrapData> info = new List<wrapData>();  
        
        // get the aggregate result of the month and revenue  
        List<AggregateResult> opps = [SELECT SUM(Amount) revenue, CALENDAR_MONTH(CloseDate) theMonth  
                                      FROM Opportunity WHERE CampaignId =: data.id GROUP BY CALENDAR_MONTH(CloseDate)];  
        
        // iterate aggregate result of opportunity  
        for(AggregateResult agg : opps){  
            Integer revenue = Integer.valueOf(agg.get('revenue'));// typecast outcome into Integer  
            String month = String.valueOf(agg.get('theMonth')); // typecast outcome into String  
            info.add(new wrapData(month, revenue));  
        }  
        return info;  
    }  
    
    // create wrapData to form data for Pie chart  
    public class wrapData {  
        public String monthName { get; set; }  
        public Integer value { get; set; }  
        
        // parameterized constructor  
        public wrapData(String monthName, Integer value) {  
            this.monthName = monthName;  
            this.value = value;  
        }  
    }  
}

输出

apex: legend Component in Visualforce Page

下一个主题</apex: lineSeries> 组件在 Visualforce 页面中

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

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Visualforce Salesforce

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

相关帖子

apex:outputPanel 组件

apex:barSeries 组件

apex:chartLabel 组件

apex:inputCheckbox 组件

apex:commandButton 组件

apex:actionSupport 组件

apex:logCallPublisher 组件

apex:actionRegion 组件

apex:lineSeries 组件

apex:inputTextArea 组件

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器