Puedes integrar una gráfica o tablero en una aplicación web con el SDK de integración, permitiendo ajustes más flexibles de configuraciones y renderizado.
Para obtener más información, consulta Empieza con el Embedding SDK.
Instale el SDK de Embedding
Si tienes una aplicación web sencilla, puedes hacer referencia al SDK de incrustación desde una etiqueta de script, y no es necesaria ninguna instalación. Puede utilizar 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ás creando una aplicación web más compleja y estás utilizando npm o yarn, puedes instalar el SDK de Embedding para que pueda usarse directamente desde tus archivos de scripts.
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
Se puede encontrar una aplicación ejemplo que utiliza el SDK de incrustación en codesandbox.io. La aplicación de ejemplo demuestra algunas de las funcionalidades interactivas disponibles en el SDK de integració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áfica y una URL base que son particulares de la aplicación. Asegúrate de configurar tus propias aplicaciones con el ID correcto de la gráfica o del tablero y la URL base correcta.
La aplicación de ejemplo utiliza dos métodos del SDK:
Método | Descripción | Args | Devuelve |
|---|---|---|---|
| Recarga la gráfica con los datos más recientes de su fuente de datos. | Ninguno | Promise<void> |
| Filtra su gráfica incrustada según un documento de filtro MQL especificado documento de filtro. Cualquier campo incluido en el filtro debe especificarse en el modal Embed gráfica. Consulta Filtrar Charts integrados con el SDK. | filtro object | Promise<void> |
Otros ejemplos están disponibles en el SDK de incrustación de MongoDB Ejemplos Repositorio de GitHub.