Puedes incrustar una gráfica en una aplicación web con un iframe y especificar configuraciones como altura, anchura, intervalo de actualización y tema de visualización.
Charts integrados dentro de un iframe pueden ser:
No autenticado, en cuyo caso serán visibles para cualquiera.
Autenticado con una Firma Verificada.
Nota
La autenticación con firma verificada está obsoleta. El Charts SDK integrable ofrece autenticación mediante varios proveedores de autenticación.
Requisitos previos
Se debe ser un autor de panel para activar la integración de una gráfica.
Procedimiento
Selecciona un tablero.
Desde el Dashboards página, selecciona el tablero que contiene la gráfica que deseas hacer incrustable. Para obtener instrucciones sobre cómo navegar a los Tableros, consulte Tableros.
Seleccione una gráfica.
Desde el tablero, haz clic en en la parte superior derecha de la gráfica para acceder a su información de inserción. Seleccione Embed chart del menú desplegable.
Nota
Si una gráfica se encuentra en un tablero que tiene integración activada, la opción Embed Chart se activa automáticamente. Por lo tanto, no puedes seleccionar la opción Embed chart para las gráficas dentro de los tableros que tienen habilitada la incrustación.
(Opcional) Especifique los campos filtrables para su gráfica.
Especifica los campos en los que los espectadores de la gráfica pueden filtrar los datos. Por defecto, no hay campos especificados, lo que significa que no se puede filtrar la gráfica 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 aprender más sobre los campos que se pueden filtrar, consulte Especificar campos filtrables.
Establecer opciones.
El intervalo de actualización determina con qué frecuencia tu gráfica se actualiza con nuevos datos, si los hay, de tu fuente de datos.
Si es un usuario de nivel gratuito, se selecciona por defecto una nueva opción de cuatro horas como intervalo de actualización automática.
Puedes seleccionar el tema de visualización Light o Dark para tu gráfica.
(Opcional) Establecer opciones adicionales.
Puedes editar el código del iframe manualmente para configurar varias otras opciones de gráficas, incluyendo la altura, el ancho y el radio del borde. Consulta Opciones de gráficas incrustadas para obtener más información sobre las opciones de gráficas.
Importante
El uso de una Firma Verificada para autenticación está obsoleto. En su lugar, consulta la pestaña Authenticated Embedding para obtener instrucciones sobre cómo proteger tus gráficas.
Selecciona un tablero.
Desde la página Dashboards, selecciona el tablero que contiene la gráfica para la que deseas habilitar los incrustados. Para obtener instrucciones sobre cómo navegar a los tableros, consulta Tableros.
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 con firma habilitada.
Selecciona la pestaña Verified Signature en el cuadro de diálogo.
Establece Enable signed authentication access en On.
La El código HTML que aparece en la ventana modal muestra los parámetros necesarios para el uso compartido de una gráfica con la autenticación activada. Para utilizar este código, debe continuar con los pasos siguientes para permitir el acceso autenticado.
Ir a la página Embedded Visualizations.
Haga clic en Embedded Visualizations en el encabezado Services en la barra lateral Visualization.
La Se muestra la página de Visualizaciones insertadas.
Go a la vista Authentication Settings.
Nota
Debe ser un propietario del proyecto para acceder a la página Authentication Settings. Como usuario que no es administrador, todavía puede usar gráficas integradas, pero debe obtener una clave de un propietario del proyecto.
Haz clic en la pestaña Authentication Settings.
Se muestra la pestaña Configuración de autenticación.
Genera una clave de embedding.
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.
Crea el código del lado del servidor necesario para una firma verificada.
Generar una firma verificada para acompañar las solicitudes de datos de las gráficas compartidas con autenticación habilitada requiere código del lado del servidor. La firma verificada crea una carga útil al generar un HMAC de tu clave de integración, una marca de tiempo y datos identificativos de tu gráfica. La firma verificada es válida por un período de tiempo limitado especificado en tu código del lado del servidor.
Hay disponible ejemplos de código que demuestran cómo generar una firma verificada para los siguientes lenguajes y plataformas:
Una vez que tengas listo tu código iframe con todas las opciones que hayas configurado, puedes colocarlo en una página web para mostrar tu gráfica.