<p>Kibana 6.1 presentó un nuevo tipo de visualización experimental: Controls (Controles). Controls (Controles) proporciona la capacidad de agregar entradas interactivas en los dashboards de Kibana. Controls (Controles) puede usarse para crear dos tipos de entradas: listas desplegables y controles deslizantes de rango.
</p><p>En este blog, veremos un ejemplo de cómo usar estas dos nuevas entradas. Pero primero, aquí hay un breve video (2:23) que revisa los pasos que realizaremos.
</p><div class="video embed-container" style="height: 478px;">
	<img style="width: 100%; margin: auto; display: block;" class="vidyard-player-embed" src="https://play.vidyard.com/LS4ij6jVJvcwBDdvXpwQHv.jpg" data-uuid="LS4ij6jVJvcwBDdvXpwQHv" data-v="4" data-type="inline">

</div><p>Antes de activar la visualización Controls (Controles), debemos configurar el Elastic Stack con un set de datos. Nick Peihl publicó recientemente el blog <a href="https://www.elastic.co/es/blog/visualizing-france-salary-data-with-region-maps-in-kibana">Visualizing France Salary Data with Region Maps in Kibana</a> (Visualización de los datos de salario de Francia con los mapas de región en Kibana). Quiero continuar con el trabajo que realizó Nick y demostrar cómo Controls (Controles) puede usarse para proporcionar un dashboard interactivo. Sigue el blog de Nick para ver instrucciones sobre cómo importar el set de datos <a href="https://www.kaggle.com/etiennelq/french-employment-by-town">empleo, salarios y población por ciudad en Francia de INSEE</a> a Elasticsearch. No olvides crear un nuevo patrón de índice en Kibana que coincida con <code>france-example-*</code>.
</p><h2>Creación de listas desplegables y controles deslizantes de rango</h2><p>Comencemos por crear una entrada desplegable que permita filtrar por región. Las listas de opciones desplegables se completan de forma dinámica con los resultados de la agregación de términos.
</p><p>Comienza cambiando a la aplicación Visualization y haciendo clic en el botón <code>+</code> para crear una nueva visualización. Desplázate hasta la sección <code>Others</code> y selecciona <code>Controls</code>. <code>Options list</code> está seleccionado de forma predeterminada, así que solo debes hacer clic en <code>Add</code>. A continuación, selecciona el patrón de índice <code>france-example-*</code>, selecciona el campo <code>Region_Name.keyword</code> y configura el tamaño a 25 (hay 25 regiones únicas en un set de datos). Por último, haz clic en <code>play</code>. La visualización mostrará una sola lista desplegable con los resultados de una agregación de términos en el campo <code>Region_Name.keyword</code> del índice <code>france-example-*</code>.
</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>A continuación, creemos un control deslizante de rango para permitir el filtrado por salario neto. Los valores mínimo y máximo del control deslizante de rango se completan de forma dinámica con los resultados de una agregación mínima y máxima.
</p><p>Agrega una entrada de control deslizante de rango seleccionando <code>Range slider</code> y haciendo clic en <code>Add</code>. Selecciona el patrón de índice <code>france-example-*</code>, selecciona el campo <code>mean_net_salary</code> y haz clic en <code>play</code>. La visualización mostrará un control deslizante de rango con el rango definido por los resultados de una agregación mínima y máxima en el campo <code>mean_net_salary</code> del índice <code>france-example-*</code>.
</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>Encadenado de entradas desplegables</h2><p>Una novedad en Kibana 6.3 es la capacidad de encadenar entradas desplegables de modo que la selección de la primera entrada filtre los términos de la segunda entrada. Veamos cómo puede resultar útil agregando otro control desplegable para permitir filtrar por ciudad.
</p><p>Agrega otro control desplegable seleccionando <code>Options list</code> y haciendo clic en <code>Add</code>. Selecciona el patrón de índice <code>france-example-*</code>, selecciona el campo <code>Town_Name.keyword</code> y configura el tamaño en 100. Para encadenar el control al control de región, selecciona el control principal "region" (región). Por último, haz clic en <code>play</code>. La visualización mostrará otra lista desplegable. La lista desplegable estará desactivada hasta que la lista desplegable de región tenga valores. Luego, la lista desplegable de ciudad contendrá los resultados de una agregación de términos en el campo <code>Town_Name.keyword</code> del índice <code>france-example-*</code> filtrado por las regiones seleccionadas.
</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>La combinación de todo</h2><p>Cambia a la aplicación Dashboard y crea un dashboard nuevo. Agrega la visualización Controls (Controles) y la visualización "Average Gender Salary Ratio by Department - Region Map" (Índice de salario por género promedio por departamento - mapa de región) creada en el <a href="https://www.elastic.co/es/blog/visualizing-france-salary-data-with-region-maps-in-kibana">blog de Nick</a>. Configura los controles según los valores que te interesen. Haz clic en "Apply changes" (Aplicar cambios) para filtrar el set de datos con las entradas de la lista desplegable y el control deslizante de rango.
</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>¿Qué sigue?</h2><p>La visualización Controls (Controles) aún está en etapa experimental. Es un excelente momento para probarla y proporcionar comentarios en nuestro <a href="https://discuss.elastic.co/c/kibana">foro de Kibana</a>. Tus comentarios podrían ayudar a dar forma a características futuras.
</p>

Kibana Intput Controls FullBleed.jpg

Kibana Input Controls thumbnail.jpg

Interactive Inputs on Kibana Dashboards

Entradas interactivas en dashboards de Kibana

Start free trial

Blog Footer CTA

Sign up for Elastic Cloud free trial

headshot-nathan-reese-300x300.jpg

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>Al enviar, confirma que ha leído y acepta nuestras <a href="/es/legal/elastic-cloud-account-terms" target="_self">Condiciones de servicio</a>, y que acepta recibir las <a href="/es/legal/privacy-statement#how-we-use-the-information" target="_self">comunicaciones seleccionadas</a> en los detalles de contacto que proporcionó anteriormente. Consulte la <a href="/es/legal/privacy-statement/" target="_self">Declaración de privacidad de Elastic</a> para obtener más información o para cancelar su suscripción en cualquier momento.</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>Al enviar, confirma que ha leído y acepta nuestras <a href="/es/legal/serverless-preview-terms" target="_self">Condiciones de servicio</a>, y que Elastic puede <a href="/es/legal/privacy-statement#how-we-use-the-information" target="_self">ponerse en contacto con usted</a> acerca de nuestros productos y servicios relacionados. Consulte la <a href="/es/legal/privacy-statement/" target="_self">Declaración de privacidad de Elastic</a> para obtener más información o para cancelar su suscripción en cualquier momento.</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>Al enviar esta información, aceptas los <a href="/es/agreements/global/cloud-services-monthly" rel="nofollow">Términos de servicio de Elastic</a>. Los datos personales se procesarán de conformidad con la <a href="/es/legal/privacy-statement">declaración de privacidad de 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>Al enviar, confirma que ha leído y acepta nuestras <a href="/es/legal/terms-of-use" target="_self">Condiciones de servicio</a>, y que Elastic puede <a href="/es/legal/privacy-statement#how-we-use-the-information" target="_self">ponerse en contacto con usted</a> acerca de nuestros productos y servicios relacionados. Consulte la <a href="/es/legal/privacy-statement/" target="_self">Declaración de privacidad de Elastic</a> para obtener más información o para cancelar su suscripción en cualquier momento.</p>

Hosted by

All Solutions

Follow us on Youtube

Watch now (no PT)

Articles by

Share by Email

Filters

All (no PT translation)

Contact information

See when this webinar starts in my time zone

Ver cuándo comienza este webinar en mi zona horaria

Thank you for your interest!

Register to Attend

Small image for

Register to Watch

Continue reading

Featured webinar

What to explore next...

Reset all

Load more press releases

Sign In to Attend

Share

Upcoming webinar

Learn more

Search Integrations

Share on Reddit

Share on Twitter

Share on Facebook

Load more news

View more posts

On-demand webinar

Follow us on Facebook

Author

Press Release

You'll also receive an email with related content.

You'll also receive an email with related content

Además, te enviaremos contenidos relevantes

Print

Contact Info

Overview

Video for

Read less

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

El contenido de esta página no está disponible en el idioma seleccionado. Elastic está trabajando para garantizar que el contenido esté disponible en varios idiomas.Gracias por tu paciencia mientras trabajamos.

Register now

Share this story

See All Posts

See all top stories

View next

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

¿No puedes asistir? Regístrate y te enviaremos la grabación. También recibirás un correo electrónico con contenido relacionado.

Follow us on LinkedIn

Highlights

Explore similar demos

Follow us on Twitter

Share on LinkedIn

Load More

See more insights

Speakers

Close

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

Gracias por registrarte. Te enviaremos un correo electrónico de confirmación pronto.

Author

Articles by Nathan Reese

Kibana Engineer, Elastic

Entradas interactivas en dashboards de Kibana