Calcula porcentajes en Kibana con visualizaciones comunes, incluidos un gráfico circular, una métrica de número único, una tabla y una serie temporal.

El uso de porcentajes al realizar analíticas de datos es un enfoque esencial para la comparación numérica efectiva, en especial cuando los datos en cuestión demuestran totales o tamaños de muestra drásticamente diferentes. Los porcentajes permiten comprender de forma rápida y precisa cuánto han cambiado las sumas de datos en una categoría dimensional como un rango de tiempo, regiones geográficas, líneas de productos, etc.

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blta00392f303d3138e/5df948c66ab6275c8e16ba17/data-percentage-kibana-line-regions-blog.jpg" data-sys-asset-uid="blta00392f303d3138e" alt="Visualización de líneas por región" style="display: block; margin: auto;">

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt82e624d0e3cbaa6f/5df948fc0654a2046f5ff0bc/data-percentage-kibana-line-regions-_-blog.jpg" data-sys-asset-uid="blt82e624d0e3cbaa6f" alt="Visualización de líneas por porcentajes de región" style="display: block; margin: auto;">

En este blog, repasaremos algunos ejemplos de cómo calcular porcentajes en Kibana con visualizaciones de uso común que incluyen un gráfico circular, una métrica de número único, una tabla y una serie temporal con TSVB (el visualizador de datos temporales).

En este blog, usaremos los sets de datos de muestra flights y ecommerce disponibles con Kibana. Con esos datos, aprenderás a responder estas preguntas:

<ul>
	<li>¿Cuál es el porcentaje de vuelos a tiempo?</li>
	<li>¿Cuál es la proporción de cada tipo de retraso en el tiempo?</li>
	<li>¿Cuál es el cambio en el total de ventas semana tras semana?</li>
</ul>
Sin embargo, antes de comenzar, deberás <a href="/guide/en/kibana/7.5/add-sample-data.html">instalar los datos de muestra flights y ecommerce</a>. Puedes instalar los datos de muestra en tu propio cluster (6.5 o posterior) o activar una prueba gratis de 14&nbsp;días de nuestro <a href="/es/elasticsearch/service">Elasticsearch&nbsp;Service</a>.

<h2>¿Cuál es el porcentaje de vuelos a tiempo?</h2>
Tu cliente aerolínea desea poner un número grande en un dashboard que muestre su rendimiento en comparación con los objetivos de puntualidad. Cada documento en el índice de muestra kibana_sample_data_flights representa un solo vuelo, así que para calcular un porcentaje debes dividir el número de documentos que representan los "vuelos a tiempo" por el número de vuelos.

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltc29db4212ce9ebe3/5df94951999d6004627d8bf3/data-percentage-kibana-flight-filter-ratio-blog.png" data-sys-asset-uid="bltc29db4212ce9ebe3" alt="Vuelos a tiempo divididos por el total de vuelos" style="display: block; margin: auto;">

Debido a esta división, deberías usar la <a href="/guide/en/kibana/7.5/TSVB.html">visualización de métricas TSVB</a> que tiene el cálculo Filter ratio. Filter ratio divide la misma métrica en dos sets de documentos y devuelve un número. El único requisito para usar TSVB es un campo de tiempo en el índice, que se encuentra disponible en el índice kibana_sample_data_flights.

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt1644c88d08a10d00/5dfa41f36bf26d27fce208c9/data-percentage-kibana-flight-ontime-percent-blog.png" data-sys-asset-uid="blt1644c88d08a10d00" alt="Porcentaje de puntualidad" style="display: block; margin: auto;">

Para configurar esto en TSVB en Kibana&nbsp;7.4 y posteriores, primero seleccionarás tu tipo de visualización y set de datos, y después configurarás las agregaciones usadas para mostrar el porcentaje de arriba.

Para elegir el tipo de visualización y el set de datos:

<ol>
	<li>Ve a TSVB y elige la pestaña Metric:<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt7c4ec46e9d38cbb2/5df94a2b999d6004627d8c0d/data-percentage-kibana-metric-tab-blog.png" data-sys-asset-uid="blt7c4ec46e9d38cbb2" alt="Elige la pestaña Metric" style="display: block; margin: auto;"></li>
	<li>Selecciona la pestaña Panel options:</li>
	<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt46336f0a372938e1/5dfa424ec80d975c7c97eff4/data-percentage-kibana-panel-options-blog.png" data-sys-asset-uid="blt46336f0a372938e1" alt="Pestaña Panel options" style="display: block; margin: auto;">
</ol>
<ol start="3">
	<li>Configura Data timerange mode en Entire time range en lugar de usar solo el último intervalo. Nota: Esta configuración solo está disponible en Kibana&nbsp;7.4 y posteriores. En versiones anteriores, puedes configurar el intervalo de fecha en un valor mayor.</li>
	<li>Escribe kibana_sample_data_flights como índice. Configura time field en timestamp.<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt59e8197f3791be8e/5df94a9d6ab6275c8e16ba23/data-percentage-kibana-time-field-timestamp-blog.png" data-sys-asset-uid="blt59e8197f3791be8e" alt="Configura Time field en timestamp" style="display: block; margin: auto;"></li>
</ol>
Ahora que seleccionaste el índice y el intervalo de tiempo, puedes configurar los datos que se muestran.

<ol>
	<li>Regresa a la pestaña Data y usa Filter Ratio para calcular el porcentaje de un valor específico, como FlightDelayType: "No Delay".<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blte9031a9f52cec212/5df94b0b72004b03ce1d0fb2/data-percentage-kibana-filter-ratio-blog.png" data-sys-asset-uid="blte9031a9f52cec212" alt="Usa Filter Ratio" style="display: block; margin: auto;">
	<ul>
		<li>Filter Ratio selecciona dos sets de documentos usando la <a href="/guide/en/elasticsearch/reference/current/query-dsl-query-string-query.html">sintaxis de texto de consulta</a>.</li>
	</ul></li>
</ol>
<ol start="2">
	<li>Ve a la pestaña Options y selecciona el formateador Percent.
	<ul>
		<li>Si los cuatro dígitos predeterminados de precisión son demasiados para ti, usa un texto de formato personalizado para truncar los dígitos.<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt33c0bafe8373c34b/5dfa42cabda0aa5d1ad54183/data-percentage-kibana-metric-options-custom-blog.png" data-sys-asset-uid="blt33c0bafe8373c34b" alt="Uso de un texto de formato personalizado" style="display: block; margin: auto;"></li>
	</ul></li>
</ol>
Para comparar varios valores en lugar de uno solo, hay dos visualizaciones más en Kibana que puedes usar. Si usas una bucket aggregation para seleccionar los valores de comparación, puedes usar un gráfico circular o una tabla para convertir cada valor a un porcentaje.

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt21b1823be6d126be/5df95bcac1df3b5a1f0703eb/data-percentage-kibana-pie-chart-blog.png" data-sys-asset-uid="blt21b1823be6d126be" alt="Gráfico circular para convertir cada valor a porcentaje" style="display: block; margin: auto;">

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blte0ac679f10aec4ed/5df95bff46bc275c71356b3d/data-percentage-kibana-table-vis-blog.png" data-sys-asset-uid="blte0ac679f10aec4ed" alt="Visualización de tabla para convertir cada valor a porcentaje" style="display: block; margin: auto;">

Estas visualizaciones usan una agregación de cubeta Terms en el campo FlightDelayType y muestran el conteo por cubeta convertido a un porcentaje del total. En los datos de muestra flights, hay solo 6&nbsp;valores para FlightDelayType, por lo que estos porcentajes son precisos cuando el tamaño de Terms está configurado en&nbsp;6 o más. Si tus datos tienen más valores únicos, deberás habilitar la cubeta "Other" para abarcar el 100&nbsp;% de los datos:

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltb657e81b6c5a4fee/5dfa430a973ece5c8871279b/data-percentage-kibana-buckets-blog.png" data-sys-asset-uid="bltb657e81b6c5a4fee" alt="Habilitación de la cubeta Other" style="display: block; margin: auto;">

<h2>¿Cuál es la proporción de cada tipo de retraso en el tiempo?</h2>
La misma aerolínea desea dos visualizaciones en paralelo en un dashboard: el resumen anterior en comparación con una serie de datos. Esto les permitirá explorar un intervalo de tiempo en especial y ver tanto el resumen como los detalles al mismo tiempo.

Como los documentos de vuelo tienen un campo de tiempo, TSVB es la opción más poderosa para crear la visualización. Con la misma configuración anterior, puedes usar Filter Ratio para dividir los vuelos "No Delay" por la cantidad total de vuelos por intervalo:

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltae7597dd8910afcb/5df95c6646bc275c71356b43/data-percentage-kibana-ontime-vis-blog.png" data-sys-asset-uid="bltae7597dd8910afcb" alt="Visualización de vuelos a tiempo" style="display: block; margin: auto;">

Para comparar más de una serie, puedes crear proporciones con varios filtros o usar una agregación para seleccionar los grupos. TSVB tiene un modo para mostrar varias series en escala del 100&nbsp;%.

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blte39470e4cbb1c9a6/5dfa602146bc275c713570a6/data-percentage-kibana-stacked-vis-blog.jpg" data-sys-asset-uid="blte39470e4cbb1c9a6" alt="Visualización de varias series" style="display: block; margin: auto;">

Para configurar la visualización de porcentajes apilados en TSVB, primero deberás seleccionar los datos correctos y después configurar tus agregaciones. Para seleccionar los datos correctos:

<ol>
	<li>Ve a TSVB y selecciona Panel options, luego introduce kibana_sample_data_flights como índice.</li>
	<li>Configura Time field en timestamp.<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt404bb952fff4ecbc/5df95d33bda0aa5d1ad53d34/data-percentage-kibana-stacked-timestamp-blog.png" data-sys-asset-uid="blt404bb952fff4ecbc" alt="Configura Time field en timestamp" style="display: block; margin: auto;"></li>
</ol>
Para configurar tus agregaciones:

<ol>
	<li>Regresa a la pestaña Data.</li>
	<li>En Group by, selecciona Terms de FlightDelayType.</li>
	<li>Ve a la pestaña Options.<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt48a4f14abb2fab0f/5df95d85c1df3b5a1f0703f9/data-percentage-kibana-options-tab-blog.png" data-sys-asset-uid="blt48a4f14abb2fab0f" alt="Selecciones en la pestaña Options" style="display: block; margin: auto;"></li>
	<li>Selecciona Data Formatter &gt; Percent.</li>
	<li>Selecciona Stacked &gt; Percent.</li>
	<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt4d1ce679f40a5ca0/5dfa43720f82e627e30221ba/data-percentage-kibana-stacked-percent-blog.png" data-sys-asset-uid="blt4d1ce679f40a5ca0" alt="Selección de datos stacked-percent" style="display: block; margin: auto;">
	<li>Selecciona Split color theme &gt; Rainbow.</li>
</ol>
<h2>¿Cuál es el cambio en las ventas semana tras semana?</h2>
Tienes un cliente de comercio electrónico que almacena cada transacción en el índice kibana_sample_data_ecommerce. Desea una visualización que muestre un cambio en el porcentaje en las ventas semana tras semana, un número fundamental para sus negocios. Como esta pregunta involucra un componente de tiempo, usarás TSVB para crear esta visualización. También es posible crear gráficos de semana tras semana con Timelion, pero no lo veremos aquí.

Como viste anteriormente, TSVB puede crear tanto una visualización métrica como una de series temporales usando las mismas agregaciones. A diferencia del ejemplo anterior en el que configuraste Data timerange mode en Entire time range, en esta visualización mostrarás solo el día de datos más reciente en comparación con el mismo día de la semana anterior. Como puedes ver, estas dos visualizaciones muestran que hay una disminución del 5.2&nbsp;% en las ventas en el día de datos más reciente:

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt8f460928517cc07f/5dfa5e20999d6004627d91e0/data-percentage-kibana-percent-decrease-blog.png" data-sys-asset-uid="blt8f460928517cc07f" alt="Disminución en las ventas" style="display: block; margin: auto;">

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltd721942353259ea9/5df9613f6bf26d27fce20454/data-percentage-kibana-decrease-vis-blog.png" data-sys-asset-uid="bltd721942353259ea9" alt="Visualización que muestra la disminución" style="display: block; margin: auto;">

Para crear esto necesitas sumar las ventas totales de cada día y comparar eso con el total de hace siete días. La forma más sencilla de hacer esta comparación es la agregación Serial Difference, que toma cada valor y lo resta de un intervalo específico anterior.

Configura TSVB de la misma manera que en los ejemplos anteriores, asegúrate de seleccionar el índice kibana_sample_data_ecommerce y de configurar Time field en order_date. Además, configura el intervalo exactamente en 1d. El intervalo predeterminado para TSVB cambiará según el intervalo de tiempo general, mientras que este cálculo espera que el intervalo siempre sea el mismo.

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt619c761e63728c49/5df961af999d6004627d8cab/data-percentage-kibana-data-sample-blog.png" data-sys-asset-uid="blt619c761e63728c49" alt="Selección de la muestra de datos" style="display: block; margin: auto;">

Regresa a la pestaña Data y selecciona la agregación Sum para el campo taxful_total_price.



<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt902413233c386db0/5df961eac2cb735be5801c6d/data-percentage-kibana-total-sales-blog.png" data-sys-asset-uid="blt902413233c386db0" alt="Agregación Sum" style="display: block; margin: auto;">

Después, incorpora una agregación Serial Difference en Sum of taxful_total_price con un retraso de 7&nbsp;cubetas, porque ya configuraste el intervalo de tiempo en 1&nbsp;día. Serial Difference restará el valor de hace 7&nbsp;cubetas de cada día, lo que nos da la diferencia total en ventas semana tras semana. Debido a la forma en que se calcula la métrica de diferencia serial, siempre dejará los 7&nbsp;días a la izquierda en blanco, por lo que debes elegir un intervalo de tiempo mayor:

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltbd80a9d660d5010c/5df96230e372d203cfbfe0a4/data-percentage-kibana-serial-difference-blog.png" data-sys-asset-uid="bltbd80a9d660d5010c" alt="Agregación Serial difference" style="display: block; margin: auto;">

Por último, realizarás la conversión de la diferencia semana tras semana a un porcentaje mediante cálculos matemáticos. Suma las ventas actuales y la diferencia, y después divide el total por el valor actual:

<img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt5a4948af410ce13a/5df962c846bc275c71356b83/data-percentage-kibana-math-blog.png" data-sys-asset-uid="blt5a4948af410ce13a" alt="Uso de una fórmula para calcular el porcentaje" style="display: block; margin: auto;">

El valor de<a href="/guide/en/elasticsearch/painless/7.5/painless-guide.html"> Painless script</a> que se usa es <code>((params.total + params.diff) / params.total) - 1</code>

Esto da como resultado la visualización anterior. Para mayor claridad, también podrías crear una serie nueva usando un valor estático de&nbsp;0 para destacar el punto de partida de diferencia&nbsp;0.

Ahora puedes cambiar entre las pestañas Time Series y Metric para decidir cuál presentación tiene sentido en tu caso de uso.

<h2>Conclusión
</h2>
Estos son solo algunos ejemplos de cómo calcular y usar los porcentajes de forma efectiva dentro de Kibana. Más allá de lo que describimos en este blog, si deseas explorar más opciones para cálculos relacionadas con porcentajes, intenta usar <a href="/es/what-is/kibana-canvas">Canvas</a> dentro de Kibana y su capacidad para controlar tanto las búsquedas como la visualización de datos.

Recursos adicionales

<ul>
	<li><a href="/es/webinars/kibana-time-series-visual-builder-demystified">Kibana best practices for visualizing time series data (Mejores prácticas de Kibana para visualizar datos temporales) | Videos de Elastic</a></li>
	<li><a href="/guide/en/elasticsearch/painless/7.5/painless-guide.html">Una guía para scripting con el lenguaje de scripting Painless</a></li>
	<li><a href="/guide/en/kibana/7.5/canvas-function-reference.html">Canvas function reference (Referencia de funciones de Canvas)</a></li>
</ul>

data-percentage-kibana-blog-banner.jpg

data-percentage-kibana-blog-thumb.jpg

How to display data as a percentage in Kibana visualizations

Cómo mostrar datos como un porcentaje en visualizaciones de Kibana

Start free trial

Blog Footer CTA

Sign up for Elastic Cloud free trial

Wylie Conlon

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.

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.

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.

Communication Preferences - ONLY for /communication-preferences

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.

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.

Serverless GDPR Text

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.

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>.

Cloud Trial GDPR Text

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>.

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.

Newsletter GDPR Text

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.

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

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 Wylie Conlon

Elastic

Cómo mostrar datos como un porcentaje en visualizaciones de Kibana

Sign up for Elastic Cloud free trial