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

 1 public with sharing class AnalyticsReportChartController {
 2     public List<Id> reportIds{get;set;}
 3     public AnalyticsReportChartController() {
 4         reportIds = new List<Id>();
 5         reportIds.add(accountByTypeReportId);
 6         reportIds.add(accountByStateProvinceReportId);
 7     }
 8     public Id accountByTypeReportId{
 9         get {
10             if(accountByTypeReportId == null) {
11                 Report rt = [select id from Report where DeveloperName = 'Account_Report_By_Type' limit 1];
12                 accountByTypeReportId = rt.Id;
13             }
14             return accountByTypeReportId;
15         }set;
16     }
17 
18     public Id accountByStateProvinceReportId {
19         get {
20             if(accountByStateProvinceReportId == null) {
21                 Report rt = [select id from Report where DeveloperName = 'Account_By_Billing_State_Province' limit 1];
22                 accountByStateProvinceReportId = rt.Id;
23             }
24             return accountByStateProvinceReportId;
25         }set;
26         
27     }
28 }

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

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

效果展示:

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

用schemaSpy制作数据库文档

Schemaspy是一款Java开发的数据库文档生成工具,是开源的。生成的数据库文档非常的漂亮,实用。最近探索了两天终于会使用这个工具了。我接触到这个工具是在开...

1905
来自专栏技术博客

一步一步学Linq to sql(五):存储过程

首先在查询分析器运行下面的代码来创建一个存储过程sp_singleresultset。然后打开IDE的服务器资源管理器,我们从存储过程中找到刚才创建的存储过程,...

812
来自专栏Ken的杂谈

基于GitLab的Code Review教程

也就是说,使用GitLab进行Code Review就是在分支合并环节发起Merge Request,然后Code Review完成后将代码合并到目标分支。

3003
来自专栏冰霜之地

手把手教你给一个iOS app配置多个环境变量

谈到多环境,相信现在大多公司都至少有2-3个app环境了,比如Test环境,UAT(User Acceptance Test)用户验收测试环境,Release环...

713
来自专栏挖坑填坑

使用typescript开发angular模块(发布npm包)

1182
来自专栏北京马哥教育

Linux连不上网?一种方法应对千重难题!

问题:我们在使用Linux虚拟机的时候经常会出现各种各样的问题,其中的一个问题就是Linux虚拟机连不上网,这是我最近经常遇到的问题,下面提供一种方法解决这个问...

2766
来自专栏黒之染开发日记

ikbc G87&104 双子座 使用说明书

1472
来自专栏calvin

jira webhook 事件触发并程序代码调用jenkins接口触发构建操作

开发管理工具触发站点构建事件,事件处理中需要调用Jenkins接口开始构建动作。 我的应用场景: 使用jira作为管理工具,在jira中创建自定义的工作流来...

903
来自专栏沈唁志

PHP开发规范之使用phpcbf脚本自动修正代码格式

在前段时间的文章:在PhpStorm中安装使用PHP_CodeSniffer编码规范检查工具中提到过phpcbf脚本

801
来自专栏c#开发者

HTML5手机APP开发入(5)

HTML5手机APP开发入(5) 回顾一下 HTML5手机APP开发入(4) 如何自定义Component,directive HTML5手机APP开发入(...

3206

扫码关注云+社区