Puede incrustar un gráfico o panel en una aplicación web con el SDK de incrustación, lo que permite ajustes más flexibles de configuración y representación.
Para obtener más información, consulte Comience a utilizar el SDK de incrustación.
Instalar el SDK de incrustación
Si tiene una aplicación web sencilla, puede hacer referencia al SDK de incrustación desde una etiqueta de script, sin necesidad de instalación. Puede usar el UMD para ejecutar @mongodb-js/charts-embed-sdk
directamente en el navegador.
<script src="https://unpkg.com/@mongodb-js/charts-embed-dom"></script>
Si está creando una aplicación web más compleja y usa npm o yarn, puede instalar el SDK de incrustación para que pueda usarse directamente desde sus archivos de script.
Para instalar el SDK de incrustación con npm, utilice el siguiente comando:
npm install @mongodb-js/charts-embed-dom
Para instalar con yarn:
yarn add @mongodb-js/charts-embed-dom
Ejemplos
An Puede encontrar unaaplicación de ejemplo que utiliza el SDK de incrustación codesandbox.io en. La aplicación de ejemplo muestra algunas de las funciones interactivas disponibles en el SDK de incrustación, incluyendo un filtro interactivo y un botón de actualización manual.
La aplicación de ejemplo está configurada con un ID de gráfico y una URL base específicos de la aplicación. Asegúrese de configurar sus propias aplicaciones con el ID de gráfico o de panel y la URL base correctos.
La aplicación de ejemplo utiliza dos métodos del SDK:
Método | Descripción | Argumentos | Devuelve |
|---|---|---|---|
| Recarga el gráfico con los últimos datos de su fuente de datos. | ninguno | Promesa<void> |
| Filtra el gráfico incrustado en función de un documento de filtro MQL específico. Cualquier campo incluido en el filtro debe especificarse en el modal Embed gráfica. Consulta Filtrar Charts integrados con el SDK. | objeto de filtro | Promesa<void> |
Hay otros ejemplos disponibles en el repositorio de GitHub de ejemplos de SDK de incrustación de MongoDB.