salesforce零基础学习（八十三）analytics:reportChart实现Dashboard(仪表盘)功能效果

项目中经常会用到Report以及Dashboard来分析汇总数据，Dashboard可以指定view as user，如果针对不同的用户需要显示其允许查看的数据，比如  根据role hierarchy来显示数据，需要指定run as login user.但是dashboards runas the logged-in user是有数量的限制的，针对此种情况，就需要使用自定义实现Dashboard功能。

使用自定义操作可以通过apex class获取数据，在visualforce page上画不同组的chart，点击chart以后跳转到相关详情的report页面，但是这种情况无法处理funnel chart的情况，因为visualforce的api没有提供funnel chart样式的元素。

这种情况下，比较偷懒的操作为在Report上使用Role Hierarchy进行限制来对数据进行获取，然后在Report中配置chart，使用aynalytics:reportChart传递需要显示的report ids进行展示，从而实现dashboard的效果。

 功能：实现自定义Dashboard，Dashboard显示两个chart，分别为通过Type对Account进行分组以及通过State/Province对Account分组，每个用户只能看到当前用户以及下级的内容。

准备工作：

1.创建Report，此Report通过Type进行分组，developername为Account_Report_By_Type

2.创建Report，此Report通过State/Province进行分组，developername为Account_By_Billing_State_Province

3.创建Dashboard,包含上面的两个Report，datasource也分别对应上面两个report。

准备工作结束，现在需要通过程序来实现上面的Dashboard。

1.AnalyticsReportChartController:用来获取上述两个report id，并放在reportIds

public with sharing class AnalyticsReportChartController {
    public List<Id> reportIds{get;set;}
    public AnalyticsReportChartController() {
        reportIds = new List<Id>();
        reportIds.add(accountByTypeReportId);
        reportIds.add(accountByStateProvinceReportId);
    }
    public Id accountByTypeReportId{
        get {
            if(accountByTypeReportId == null) {
                Report rt = [select id from Report where DeveloperName = 'Account_Report_By_Type' limit 1];
                accountByTypeReportId = rt.Id;
            }
            return accountByTypeReportId;
        }set;
    }

    public Id accountByStateProvinceReportId {
        get {
            if(accountByStateProvinceReportId == null) {
                Report rt = [select id from Report where DeveloperName = 'Account_By_Billing_State_Province' limit 1];
                accountByStateProvinceReportId = rt.Id;
            }
            return accountByStateProvinceReportId;
        }set;
        
    }
}

2.AnalyticsReportChart.page：实现展示两个report的chart，点击后跳转到相关的report中

<apex:page controller="AnalyticsReportChartController">
    <apex:panelGrid columns="2">
        <apex:outputPanel id="reportPanel">
            <apex:repeat value="{!reportIds}" var="report">
                <div style="display: inline-block;width: 400px;height: 400px;vertical-align: top;">
                    <analytics:reportChart reportId="{!report}" showRefreshButton="false" size="small" cacheResults="false"></analytics:reportChart>
                </div>
            </apex:repeat>
        </apex:outputPanel>
    </apex:panelGrid>
</apex:page>

效果展示：

 

总结：使用analytics:reportChart可以很方便的实现DashBoard的展示效果，但是此种方式仅限于Dashboard中的一个Chart对应一个Report，而不是一个Chart对应多个Report，如果出现一个Chart对应多个Report，需要创建成一对一的关系才能实现。