<p>Mit der Version 6.1 hielt ein neuer experimenteller Visualisierungstyp namens „Controls“ Einzug in Kibana. „Controls“ bietet die Möglichkeit, Kibana-Dashboards interaktive Eingabe-Steuerelemente hinzuzufügen. Mit „Controls“ lassen sich zwei Arten dieser Eingabe-Steuerelemente erstellen: Dropdown-Menüs und Bereichsschieberegler.</p><p>In diesem Blogpost sehen wir uns ein Beispiel dafür an, wie diese neuen Eingabe-Steuerelemente genutzt werden können. Zunächst einmal stellen wir Ihnen im folgenden kurzen Video (2:23 min) die auszuführenden Schritte vor:</p><div class="video embed-container" style="height: 478px;"><img style="width: 567px;margin-top: auto;margin-right: auto;margin-bottom: auto;margin-left: auto;display: block;" class="vidyard-player-embed" src="https://play.vidyard.com/LS4ij6jVJvcwBDdvXpwQHv.jpg" data-uuid="LS4ij6jVJvcwBDdvXpwQHv" data-v="4" data-type="inline" width="567"/></div><p>Bevor wir uns näher mit der „Controls“-Visualisierung befassen können, müssen wir unseren Elastic Stack mit einem Dataset einrichten. Nick Peihl hat vor Kurzem einen <a href="https://www.elastic.co/de/blog/visualizing-france-salary-data-with-region-maps-in-kibana">Blogpost zur Visualisierung der Gehaltsdaten in Frankreich mittels Regionskarten in Kibana</a> veröffentlicht. Ich möchte an die Arbeit von Nick anknüpfen und Ihnen zeigen, wie Sie mit „Controls“ ein interaktives Dashboard erstellen können. Lesen Sie bitte zunächst den Blogpost von Nick und befolgen Sie die dort beschriebenen Schritte zum Importieren des Dataset „<a href="https://www.kaggle.com/etiennelq/french-employment-by-town">INSEE employment, salaries, and population per town in France</a>“ in Elasticsearch. Vergessen Sie dabei nicht, in Kibana ein neues Indexmuster für france-example-* zu erstellen.</p><h2>Erstellen von Dropdown-Menüs und Bereichsschiebereglern</h2><p>Lassen Sie uns zu Beginn ein Dropdown-Menü für das Filtern nach Region erstellen. Die Optionen im Menü werden dynamisch mit den Ergebnissen einer Terms-Aggregation befüllt.</p><p>Wir starten, indem wir zur Anwendung Visualize gehen und auf die Schaltfläche + klicken, um eine neue Visualisierung anzulegen. Wir scrollen zum Abschnitt Others und wählen Controls aus. Da Options list standardmäßig ausgewählt ist, brauchen wir nur auf Add zu klicken. Jetzt wählen wir das Indexmuster france-example-* und anschließend das Feld Region_Name.keyword aus und legen als Größe 25 fest (das Dataset enthält 25 einzelne Regionen). Zum Abschluss klicken wir auf play. Die Visualisierung zeigt jetzt ein einzelnes Dropdown-Menü mit den Ergebnissen einer Terms-Aggregation für das Feld Region_Name.keyword aus dem Index france-example-*.</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt38d4b5e89034bc45/5c3056a1b7017c456eff09d3/First_Shot.png" data-sys-asset-uid="blt38d4b5e89034bc45" alt="First Shot.png"/><br/></p><p>Als Nächstes werden wir einen Bereichsschieberegler erstellen, den wir für das Filtern nach dem Nettogehalt nutzen können. Die Werte für die Unter- und Obergrenze des Bereichs werden dynamisch mit den Ergebnissen einer Min- und Max-Aggregation befüllt.</p><p>Wir fügen ein Steuerelement des Typs Bereichsschieberegler hinzu, indem wir Range slider auswählen und auf Add klicken. Wir wählen das Indexmuster france-example-* und das Feld mean_net_salary aus und klicken auf play. Die Visualisierung enthält jetzt einen Bereichsschieberegler, bei dem der Bereich durch die Ergebnisse einer Min- und Max-Aggregation für das Feld mean_net_salary aus dem Index france-example-* definiert wird.</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt276bca9250125b31/5c30569d760e7f7a666d6921/withSlider.png" data-sys-asset-uid="blt276bca9250125b31" alt="withSlider.png"/></p><h2>Verketten von Eingabeelementen des Typs „Dropdown“</h2><p>Seit Kibana 6.3 ist es möglich, Dropdown-Menüs miteinander zu verketten, sodass das, was im ersten Menü ausgewählt wurde, Einfluss darauf hat, welche Optionen im zweiten Menü angezeigt werden. Lassen Sie uns dies ein wenig näher betrachten und zu diesem Zweck ein zweites Dropdown-Menü hinzufügen, mit dem wir nach Städten filtern können.</p><p>Wir fügen ein weiteres Steuerelement des Typs „Dropdown“ hinzu, indem wir Options list auswählen und auf Add klicken. Wir wählen das Indexmuster france-example-* und das Feld Town_Name.keyword aus und legen als Größe 100 fest. Um nun das Steuerelement mit dem Steuerelement für die Region verketten zu können, wählen wir als übergeordnetes Steuerelement unter „Parent control“ den Eintrag „region“ aus. Zum Abschluss klicken wir auf play. In der Visualisierung erscheint ein weiteres Dropdown-Menü. Dieses ist erst aktivierbar, wenn es Werte für das Dropdown „Region“ gibt. Das Dropdown-Menü „Town“ enthält dann die nach den ausgewählten Regionen gefilterten Ergebnisse einer Terms-Aggregation für das Feld Town_Name.keyword aus dem Index france-example-*.</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt121acde9b5ebb40c/5c305699e7a0881470c3a4af/allthree.png" data-sys-asset-uid="blt121acde9b5ebb40c" alt="allthree.png"/></p><h2>Aus den Einzelteilen entsteht ein Ganzes</h2><p>Wir schalten jetzt auf die Anwendung Dashboard zurück und erstellen ein neues Dashboard. Diesem fügen wir die „Controls“-Visualisierung und die in <a href="https://www.elastic.co/de/blog/visualizing-france-salary-data-with-region-maps-in-kibana">Nicks Blogpost</a> erstellte Visualisierung „Average Gender Salary Ratio by Department - Region Map“ hinzu. Wir stellen die Steuerelemente so ein, dass uns interessierende Werte präsentiert werden und klicken auf „Apply changes“, um das Dataset nach den Dropdown-Menü- und Bereichsschieberegler-Steuerelementen zu filtern.</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt64c02637fb32b01a/5c305697760e7f7a666d691b/withmap.png" data-sys-asset-uid="blt64c02637fb32b01a" alt="withmap.png"/></p><h2>Wie geht es weiter?</h2><p>Die „Controls“-Visualisierung gilt noch als „experimentell“. Daher würden wir uns freuen, wenn Sie sie ausprobieren und uns in unserem <a href="https://discuss.elastic.co/c/kibana">Kibana-Forum</a> Ihre Erfahrungen mitteilen würden. Ihr Feedback kann dazu beitragen, künftige Features zu entwickeln und zu verbessern.</p>

Kibana Intput Controls FullBleed.jpg

Kibana Input Controls thumbnail.jpg

Interactive Inputs on Kibana Dashboards

Interaktive Eingabe-Steuerelemente bei Kibana-Dashboards

Start free trial

Blog Footer CTA

Sign up for Elastic Cloud free trial

Kibana Engineer

Nathan Reese

<p>By submitting you acknowledge that you've read and agree to our <a href="/legal/elastic-cloud-account-terms" target="_self">Terms of Service</a>, and you agree to receive the <a href="/legal/privacy-statement#how-we-use-the-information" target="_self">selected communications</a> at the contact details you provided above. See <a href="/legal/privacy-statement/" target="_self">Elastic’s Privacy Statement</a> for more details or to opt-out at any time.</p>

Communication Preferences - ONLY for /communication-preferences

<p>Durch das Absenden erklären Sie, dass Sie unsere <a href="/de/legal/elastic-cloud-account-terms" target="_self">Nutzungsbedingungen</a> gelesen haben und mit ihnen einverstanden sind und dass Sie Elastic erlauben, <a href="/de/legal/privacy-statement#how-we-use-the-information" target="_self">ausgewählte Nachrichten und Informationen</a> an die oben von Ihnen bereitgestellten Kontaktangaben zu senden. Weitere Informationen, darunter auch dazu, wie Sie Ihre Einwilligung zurückziehen können, finden Sie in der <a href="/de/legal/privacy-statement/" target="_self">Datenschutzerklärung von Elastic</a>.</p>

<p>By submitting you acknowledge that you've read and agree to our <a href="/legal/serverless-preview-terms" target="_blank">Terms of Service</a>, and that Elastic may <a href="/legal/privacy-statement#how-we-use-the-information" target="_blank">contact you</a> about our related products and services, using the details you provide above. See <a href="/legal/privacy-statement/" target="_blank">Elastic’s Privacy Statement</a> for more details or to opt-out at any time.</p>

Serverless GDPR Text

<p>Durch das Absenden erklären Sie, dass Sie unsere <a href="/de/legal/serverless-preview-terms" target="_self">Nutzungsbedingungen</a> gelesen haben und mit ihnen einverstanden sind und dass Sie Elastic erlauben, bezüglich unserer zugehörigen Produkte und Dienstleistungen und unter Nutzung der von Ihnen oben bereitgestellten Kontaktangaben <a href="/de/legal/privacy-statement#how-we-use-the-information" target="_self">mit Ihnen in Kontakt zu treten</a>. Weitere Informationen, darunter auch dazu, wie Sie Ihre Einwilligung zurückziehen können, finden Sie in der <a href="/de/legal/privacy-statement/" target="_self">Datenschutzerklärung von Elastic</a>.</p>

<p>By submitting you agree to <a href="/agreements/global/cloud-services-monthly" rel="nofollow">Elastic Cloud Terms of Service</a>. Your personal data will be processed in accordance with <a href="/legal/privacy-statement">Elastic's Privacy Statement</a>.</p>

Cloud Trial GDPR Text

<p>Beim Absenden akzeptieren Sie die <a href="/de/agreements/global/cloud-services-monthly" rel="nofollow">Nutzungsbedingungen von Elastic Cloud</a>. Die Verarbeitung Ihrer personenbezogenen Daten unterliegt der <a href="/de/legal/privacy-statement">Datenschutzerklärung von Elastic</a>.
</p>

<p>By submitting you acknowledge that you've read and agree to our <a href="/legal/terms-of-use" target="_blank">Terms of Service</a>, and that Elastic may <a href="/legal/privacy-statement#how-we-use-the-information" target="_blank">contact you</a> about our related products and services, using the details you provide above. See <a href="/legal/privacy-statement/" target="_blank">Elastic’s Privacy Statement</a> for more details or to opt-out at any time.</p>

Newsletter GDPR Text

<p>Durch das Absenden erklären Sie, dass Sie unsere <a href="/de/legal/terms-of-use" target="_self">Nutzungsbedingungen</a> gelesen haben und mit ihnen einverstanden sind und dass Sie Elastic erlauben, bezüglich unserer zugehörigen Produkte und Dienstleistungen und unter Nutzung der von Ihnen oben bereitgestellten Kontaktangaben <a href="/de/legal/privacy-statement#how-we-use-the-information" target="_self">mit Ihnen in Kontakt zu treten</a>. Weitere Informationen, darunter auch dazu, wie Sie Ihre Einwilligung zurückziehen können, finden Sie in der <a href="/de/legal/privacy-statement/" target="_self">Datenschutzerklärung von Elastic</a>.</p>

Explore similar demos

Overview

Speakers

Close

See more insights

The content on this page is not available in the selected language. As Elastic grows globally, we continue to support content in multiple languages.

The content on this page is not available in the selected language.

Der Inhalt dieser Seite ist in der ausgewählten Sprache nicht verfügbar. Wir bei Elastic arbeiten daran, die bereitgestellten Inhalte in verschiedenen Sprachen anzubieten. Bis dahin bitten wir Sie um etwas Geduld und hoffen auf Ihr Verständnis!

Author

Watch now (no PT)

Watch now

See all top stories

All (no PT translation)

Contact information

Press Release

Share on Reddit

Articles by

Share this story

Share by Email

Thank you for your interest!

Contact Info

Follow us on Youtube

Load More

Share on LinkedIn

Follow us on LinkedIn

Search Integrations

All Solutions

Video for

Follow us on Twitter

See when this webinar starts in my time zone

Register to Watch

Register now

See All Posts

Can't make it? Register and we'll send you the recording. You'll also receive an email with related content

Sie können nicht dabei sein? Registrieren Sie sich, damit wir Ihnen die Aufzeichnung zukommen lassen können. Außerdem erhalten Sie eine E‑Mail mit Begleitmaterial.

Small image for

On-demand webinar

Featured webinar

Register to Attend

Share on Facebook

Reset all

Upcoming webinar

View more posts

Print

Hosted by

Sign In to Attend

View next

Follow us on Facebook

Share

Highlights

Learn More

Read less

You'll also receive an email with related content

Wir schicken Ihnen zudem relevante Informationen, die von Interesse sein könnten.

Thank you for registering. We will send you a confirmation email soon.

Vielen Dank für Ihre Registrierung. Sie erhalten in Kürze eine Bestätigungs-E‑Mail von uns.

Author

Articles by Nathan Reese

Kibana Engineer, Elastic

Interaktive Eingabe-Steuerelemente bei Kibana-Dashboards