Puede incrustar un gráfico en una aplicación web con un iframe y especificar configuraciones como altura, ancho, intervalo de actualización y tema de visualización.
Los gráficos incrustados dentro de un iframe pueden ser:
No autenticados, en cuyo caso cualquier persona puede verlos.
Autenticado con una Firma Verificada.
Nota
La autenticación con una firma verificada está obsoleta. El SDK de incrustaciónde gráficos ofrece autenticación a través de varios proveedores de autenticación.
Requisitos previos
Debes ser autor del panel para habilitar la inserción de un gráfico.
Procedimiento
Seleccione un panel de control.
Desde Dashboards En la página, seleccione el panel que contiene el gráfico que desea integrar. Para obtener instrucciones sobre cómo acceder a los paneles, consulte Paneles.
Seleccione un gráfico.
Desde el panel, haga clic en la esquina superior derecha del gráfico para acceder a su información de incrustación. Seleccione Embed chart en el menú desplegable.
Nota
Si un gráfico está en un panel con la función de incrustación habilitada, la opción Embed Chart se habilita automáticamente. Por lo tanto, no se puede seleccionar la opción Embed chart para gráficos en paneles con la función de incrustación habilitada.
(Opcional) Especifique campos filtrables para su gráfico.
Especifique los campos en los que los visores de gráficos pueden filtrar datos. De forma predeterminada, no se especifica ningún campo, lo que significa que el gráfico no se puede filtrar hasta que se permita explícitamente al menos un campo.
Alternativamente, puedes especificar todos los campos en la gráfica seleccionando Allow all fields in the data source used in this chart.
Para obtener más información sobre los campos filtrables, consulte Especificar campos filtrables.
Establecer opciones.
El intervalo de actualización determina la frecuencia con la que su gráfico se actualiza con datos nuevos, si los hay, de su fuente de datos.
Si es un usuario gratuito, se selecciona de manera predeterminada una nueva opción de cuatro horas como intervalo de actualización automática.
Puede seleccionar el tema de visualización Light o Dark para su gráfico.
(Opcional) Establecer opciones adicionales.
Puede editar el código del iframe manualmente para configurar otras opciones del gráfico, como la altura, el ancho y el radio del borde. Consulte "Opciones de gráficos incrustados" para obtener más información sobre las opciones de gráficos.
Importante
El uso de una firma verificada para la autenticación está obsoleto. En su lugar, consulte la pestaña Authenticated Embedding para obtener instrucciones sobre cómo proteger sus gráficos.
Seleccione un panel de control.
En la Dashboards página, seleccione el panel que contiene el gráfico para el que desea habilitar las incrustaciones. Para obtener instrucciones sobre cómo acceder a los paneles, consulte Paneles.
Active el uso compartido externo en la fuente de datos.
Si ya has activado el uso compartido externo en la fuente de datos que utiliza esta gráfica, omite este paso. Si aún no has habilitado el uso compartido externo en la fuente de datos, puedes hacerlo ahora. Haz clic en el enlace Configure external sharing.
Autenticación firmada habilitada.
Seleccione la pestaña Verified Signature en el cuadro de diálogo.
Establece Enable signed authentication access en On.
El El códigoHTML que aparece en la ventana modal muestra los parámetros necesarios para compartir un gráfico con la autenticación habilitada. Para usar este código, debe continuar con los pasos siguientes para habilitar el acceso autenticado.
Ir a la página Embedded Visualizations.
Haga clic en Embedded Visualizations debajo del encabezado Services en la barra lateral Visualization.
El Se muestra la página Visualizaciones integradas.
Vaya a la Authentication Settings vista.
Nota
Debe ser el propietario del proyecto para acceder a la Authentication Settings página. Como usuario no administrador, puede usar gráficos incrustados, pero debe obtener una clave del propietario del proyecto.
Haz clic en la pestaña Authentication Settings.
Se muestra la pestaña Configuración de autenticación.
Generar una clave de incrustación.
Haz clic en el botón Generate New Key para crear una nueva clave de embeddings. Almacena la clave en un lugar seguro.
Advertencia
Si generas una nueva clave, cualquier clave anterior quedará inválida. Asegúrate de que todas las gráficas compartidas existentes que utilicen la clave antigua se actualicen para utilizar la nueva clave.
Cree el código del lado del servidor necesario para una firma verificada.
La generación de una firma verificada para acompañar las solicitudes de datos de gráficos compartidos con autenticación habilitada requiere código del lado del servidor. La firma verificada crea una carga útil mediante la generación de un HMAC. Desde su clave de inserción, una marca de tiempo y datos de identificación de su gráfico. La firma verificada es válida por un período limitado especificado en su código del servidor.
Hay ejemplos de código que demuestran cómo generar una firma verificada disponibles para los siguientes idiomas y plataformas:
Una vez que el código iframe esté listo con todas las opciones que haya configurado, puede colocarlo en una página web para mostrar su gráfico.