Incorporação de dashboards

A partir de 1.27, o Flex suporta a incorporação de dashboards. Para utilizar essa funcionalidade, use o componente Dashboard exportado sob o namespace Flex.Insights.Dashboard.

O componente usa um adereço dashboardId e exibe o dashboard incorporado em um iframe. Isso permite criar exibições personalizadas com dashboards específicos.

Componente do dashboard

O componente tem os seguintes adereços:

• dashboardId: string;
• queryParams?: {};
• events?: { [event: string]: (eventData: unknown, eventId: string) => void };

dashboardId

ID do dashboard. Este é o único adereço necessário neste componente e provavelmente o único que você precisará usar.

Consulte o próximo capítulo para saber como obter o dashboardId.

queryParams

Para usuários experientes. O objeto será passado como string de consulta para o URL do iframe.

eventos

Para usuários experientes. Permite anexar manipuladores personalizados aos eventos de mensagens de POST recebidos do iframe.

Obtendo o ID do dashboard

Saber o ID do Dashboard é fundamental para ser capaz de renderizá‐lo. Para descobrir o ID correto do Dashboard, navegue primeiro até o dashboard desejado e verifique o URL no seu navegador.

Deve ser parecido com isto: <yourFlexUrl>/dashboards/aeJSfSg9if1x.

A parte depois de dashboards/ é o ID do Dashboard exibido no momento, neste caso aeJSfSg9if1x.

Exemplo

Usaremos o ID do Dashboard que acabamos de descobrir para exibir o Dashboard como conteúdo do contêiner de CRM:

Flex.CRMContainer.Content.replace(
  <Flex.Insights.Dashboard key="some-key" dashboardId="aeJSfSg9if1x" />
);