Add Analytics Wave dashboard components to community pages to provide interactive visualizations of your data. Users can drill in and explore the dashboard within the frame on the community page or in an Analytics window.
The Wave dashboard component is available in the Customer Service (Napili) template as a drag-and-drop component, however, you can also create your own Wave dashboard component using forceCommunity:waveDashboard.
Here's an example of a forceCommunity:waveDashboard component:
<aura:component implements="forceCommunity:availableForAllPageTypes"> <forceCommunity:waveDashboard dashboardId="0FKxx000000000uGAA" /> </aura:component>
Attribute Name | Attribute Type | Description | Required? |
---|---|---|---|
accessToken | String | A valid access token obtained by logging into Salesforce. Useful when the component is used by Lightning Out in a non-Salesforce domain. | |
body | Component[] | The body of the component. In markup, this is everything in the body of the tag. | |
dashboardId | String | The unique ID of the dashboard. You can get a dashboard’s ID, an 18-character code beginning with 0FK, from the dashboard's URL, or you can request it through the API. This attribute can be used instead of the developer name, but it can't be included if the name has been set. One of the two is required. | |
developerName | String | The unique developer name of the dashboard. You can request the developer name through the API. This attribute can be used instead of the dashboard ID, but it can't be included if the ID has been set. One of the two is required. | |
filter | String | Adds selections or filters to the embedded dashboard at runtime. The filter attribute is configured using JSON. For filtering by dimension, use this syntax: {'datasets' : {'dataset1': [ {'fields': ['field1'], 'selection': ['$value1', '$value2']}, {'fields': ['field2'], 'filter': { 'operator': 'operator1', 'values': ['$value3', '$value4']}}]}}. For filtering on measures, use this syntax: {'datasets' : {'dataset1': [ {'fields': ['field1'], 'selection': ['$value1', '$value2']}, {'fields': ['field2'], 'filter': { 'operator': 'operator1', 'values': [[$value3]]}}]}}. With the selection option, the dashboard is shown with all its data, and the specified dimension values are highlighted. With the filter option, the dashboard is shown with only filtered data. For more information, see https://help.salesforce.com/articleView?id=bi_embed_community_builder.htm. | |
height | Integer | Specifies the height of the dashboard, in pixels. | |
hideOnError | Boolean | Controls whether or not users see a dashboard that has an error. When this attribute is set to true, if the dashboard has an error, it won’t appear on the page. When set to false, the dashboard appears but doesn’t show any data. An error can occur when a user doesn't have access to the dashboard or it has been deleted. | |
openLinksInNewWindow | Boolean | If false, links to other dashboards will be opened in the same window. | |
recordId | String | Id of the current entity in the context of which the component is being displayed. | |
showHeader | Boolean | If true, the dashboard is displayed with a header bar that includes dashboard information and controls. If false, the dashboard appears without a header bar. Note that the header bar automatically appears when either showSharing or showTitle is true. | |
showSharing | Boolean | If true, and the dashboard is shareable, then the dashboard shows the Share icon. If false, the dashboard doesn't show the Share icon. To show the Share icon in the dashboard, the smallest supported frame size is 800 x 612 pixels. | |
showTitle | Boolean | If true, the dashboard’s title is included above the dashboard. If false, the dashboard appears without a title. |