# Intégrer des visualisations/dashboards de Kibana dans une application Angular 2

**URL:** <https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441>\
**Category:** Discussions en français\
**Created:** [June 4, 2018, 2:39pm UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441 "2018-06-04T14:39:12Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Akimbo](https://avatars.discourse-cdn.com/v4/letter/a/b77776/32.png) [@Akimbo](https://discuss.elastic.co/u/Akimbo)\
**Post date:** [June 4, 2018, 2:39pm UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/1 "2018-06-04T14:39:12Z")

</div>

Quelle est la meilleure solution pour intégrer des visualisations/dashboards de Kibana dans une application Angular 2 ?  
Je travaille actuellement sur une application Angular 2 (V6) et je cherche à intégrer Kibana dans l'application, tout d'abord de la visualisation. Cependant, la solution avec l'iframe me convient pas (car il faut recharger l'iframe à chaque modification de paramètre). J'aimerais donc savoir si il existe d'autres pistes pour intégrer des visualisations Kibana dans une application Angular 2.

En vous remerciant,  
Akimbo

---

<div class="post-metadata">

**Author:** ![gabriel\_tessier](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/gabriel_tessier/32/27911_2.png) [@gabriel\_tessier](https://discuss.elastic.co/u/gabriel_tessier)\
**Post date:** [June 6, 2018, 5:51am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/2 "2018-06-06T05:51:34Z")

</div>

Salut,

Est-ce que c'est le meme besoin qu'ici: [Embed Kibana Dashboard or some chart in external portal](https://discuss.elastic.co/t/embed-kibana-dashboard-or-some-chart-in-external-portal/32476)

---

<div class="post-metadata">

**Author:** ![Akimbo](https://avatars.discourse-cdn.com/v4/letter/a/b77776/32.png) [@Akimbo](https://discuss.elastic.co/u/Akimbo)\
**Post date:** [June 6, 2018, 8:02am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/3 "2018-06-06T08:02:45Z")

</div>

Salut,

Oui j'ai le même besoin, d'intégrer un dashboard embarqué dans une application Angular sans utiliser les iFrames. Cependant dans le topic, aucune piste n'est proposé.

---

<div class="post-metadata">

**Author:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [June 6, 2018, 8:31am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/4 "2018-06-06T08:31:43Z")

</div>

En fait la seule piste proposée est l'utilisation de iFrames:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/5/9/597ed6aff6e8ffb3d5abf3f8b32668e8a6ad61b1.jpg)

---

<div class="post-metadata">

**Author:** ![Akimbo](https://avatars.discourse-cdn.com/v4/letter/a/b77776/32.png) [@Akimbo](https://discuss.elastic.co/u/Akimbo)\
**Post date:** [June 6, 2018, 9:14am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/5 "2018-06-06T09:14:12Z")

</div>

Cette piste n'est pas envisageable ? [https://www.elastic.co/guide/en/kibana/master/development-embedding-visualizations.html](https://www.elastic.co/guide/en/kibana/master/development-embedding-visualizations.html)  
Il n'existe pas de librairie Angular JS proposé par ElasticSearch/Kibana ?

---

<div class="post-metadata">

**Author:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [June 6, 2018, 9:26am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/6 "2018-06-06T09:26:11Z")

</div>

Je ne suis pas expert mais il me semble que cette page est pour les personnes qui développent des applications tournant dans Kibana.

---

<div class="post-metadata">

**Author:** ![Akimbo](https://avatars.discourse-cdn.com/v4/letter/a/b77776/32.png) [@Akimbo](https://discuss.elastic.co/u/Akimbo)\
**Post date:** [June 6, 2018, 9:49am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/7 "2018-06-06T09:49:43Z")

</div>

Okay, merci de la réponse.

J'ai trouvé une vidéo Youtube sur un projet Angular basé sur Elasticsearch :  
Vidéo : [https://www.youtube.com/watch?v=-mal9yPCHU8](https://www.youtube.com/watch?v=-mal9yPCHU8)  
Lien du projet sur Github : [https://github.com/islimane/Angular-ElasticSearch-Dashboard\_Interface](https://github.com/islimane/Angular-ElasticSearch-Dashboard_Interface)

A priori, son projet permet d'afficher des visualisations/dashboards ainsi qu'en créer. Cependant, je viens de remarquer que le projet a été conçu sur une ancienne version d'ElasticSearch ce qu'il fait que ce n'est pas totalement compatible avec ma base actuelle. Je vais donc approfondir sur ce projet. Sinon je me rétracterais sur la solution "iFrame".

---

<div class="post-metadata">

**Author:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [June 6, 2018, 10:01am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/8 "2018-06-06T10:01:58Z")

</div>

Je sais qu'il est prévu (était prévu ?) une option avec l'offre x-pack reporting pour générer des images PNG que du coup tu pouvais uploader sur un serveur et intégrer dans ta page web en tant qu'image.

J'ai vérifié et ça n'y ait pas. Je ne sais pas quand est-ce prévu.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 4, 2018, 10:02am UTC](https://discuss.elastic.co/t/integrer-des-visualisations-dashboards-de-kibana-dans-une-application-angular-2/134441/9 "2018-07-04T10:02:03Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
