Strapi How to configure dashboards - kwantu/platformconfiguration GitHub Wiki

Return to Guides

1. Creating Dashboards

To use any of the dashboard components in strapi you must first create the dashboards and nodes you need in betterdata. These will provide you with dashboard and node Ids that will be used in strapi.

1.1 Filters

The filter component is used to narrow the data used by dashboards. You need to have a dashboard on betterdata with filters set-up. You then use the dashboard Id in the component to have a working filter.

1.2 KPIS

KPIs are the simplest form of dashboard. They only require kpis to be created in betterdata then take the dashboard Id and node Id from betterdata

1.3 Trees and Searches

To create a Tree dashboard you require 2 different components and 2 pages. You need both the Tree component and search component. One page will contain the tree and the other page will contain the search. It is important that you link the search component with the page that will contain the tree. The Tree component will only work on communities that have the navigation bar included in the app. This is because the tree will display the navigation bar and then when you click a profile within the navigation bar you will open the page with the search that displays the data of that profile.

Component Name	Description	Linked Components
Trees	This component links to the search and displays a navbar based on the dashboard the Search component uses
Searches	This component takes a dashboardId and a nodeId. The nodeId for this component should be a node with the profileList widget.	Pages

2. Elastic

There are several elastic components. Adding these works the same as adding kpis. Create a dashboard on betterdata with all the elastic components that you require. Then simply take the dashboardId and nodeId required for each component.

Component Name	Description	Linked Components
Elasitccharts	Renders a chart, such as a bar/line/pie chart from betterdata.
Elasticcrosstables	Renders a crosstable from betterdata
Elasticgrids	Renders a grid from betterdata. fieldCode and fieldLabel refers to the clickable field of the grid. You must provide a page for the grid to link to. When you click the field in the grid it will open the selected page. You can use this to show a more detailed breakdown of a profile.	page
Elasticheatmaps	Renders a heatmap from betterdata.
Elastickpis	Renders a kpi from betterdata
Elasticqueries