{"id":10677,"date":"2022-12-05T08:50:04","date_gmt":"2022-12-05T07:50:04","guid":{"rendered":"https:\/\/www.distritok.com\/blog\/?p=10677"},"modified":"2022-11-15T13:10:50","modified_gmt":"2022-11-15T12:10:50","slug":"business-intelligence-vistas-dinamicas-configure-a-su-medida-cada-vista-en-pantalla","status":"publish","type":"post","link":"https:\/\/www.distritok.com\/blog\/business-intelligence-vistas-dinamicas-configure-a-su-medida-cada-vista-en-pantalla\/","title":{"rendered":"Business Intelligence: Vistas din\u00e1micas, configure a su medida cada vista en pantalla"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-style-large\"><p>Llevamos varias semanas hablando sobre las opciones de nuestro m\u00f3dulo de vistas dentro de Business Intelligence. Hoy queremos seguir profundizando y conociendo c\u00f3mo se configuran la tabla de datos y la representaci\u00f3n gr\u00e1fica. <\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/Llevamos-varias-semanas-hablan1668163661.mp3\"><\/audio><\/figure>\n\n\n\n<p>Como ya hemos comentado, esta utilidad es una <a href=\"https:\/\/www.distritok.com\/aplicaciones\/programa-de-gestion\/business-intelligence\/\">funcionalidad del Business Intelligence, nuestro m\u00f3dulo que permite explotar la informaci\u00f3n contenida en el ERP<\/a> para convertirla en conocimiento. <\/p>\n\n\n\n<p>Las vistas se basan en un entorno altamente personalizable que nos\npermite maquetar la informaci\u00f3n al antojo de cada usuario, es posible\nseleccionar la entidad de origen de los datos, los campos a presentar, los\nniveles de agrupaci\u00f3n, los criterios de ordenaci\u00f3n, la gr\u00e1fica a mostrar e\nincluso formular con los datos extra\u00eddos.<\/p>\n\n\n\n<p>Una vez vista la informaci\u00f3n que ya hemos analizado en los otros art\u00edculos como es la ventana de visualizaci\u00f3n, <strong>hoy queremos hablar de la tabla de datos y la representaci\u00f3n gr\u00e1fica.<\/strong><\/p>\n\n\n\n<p>La tabla muestra una disposici\u00f3n en filas y columnas de los datos de\nla vista. Podemos modificar el tama\u00f1o y la posici\u00f3n de cada columna arrastrando\nlos encabezados con el rat\u00f3n. <\/p>\n\n\n\n<p>Si arrastramos el encabezado de una de las columnas al recuadro superior se crear\u00e1 una agrupaci\u00f3n por dicha columna. Si arrastramos una segunda columna al recuadro superior se crear\u00e1 una segunda agrupaci\u00f3n anidada. As\u00ed podemos agrupar las columnas que deseemos. <strong>En el ejemplo de la imagen de abajo vemos los datos agrupados por provincia y poblaci\u00f3n<\/strong>. Podemos arrastrar las agrupaciones de vuelta sobre la tabla para desagrupar.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"335\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/business-intelligence-vistas-01-img.jpg\" alt=\"\" class=\"wp-image-10679\" srcset=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/business-intelligence-vistas-01-img.jpg 600w, https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/business-intelligence-vistas-01-img-300x168.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>Detalle de la tabla de datos<\/figcaption><\/figure><\/div>\n\n\n\n<p>Algunas de las columnas, como el importe de ventas en la imagen\nanterior, pueden ser totalizadas y se mostrar\u00e1 el importe total al pie de la\ntabla y el importe total por cada grupo y subgrupo.<\/p>\n\n\n\n<p>En el recuadro inferior, vemos el filtro que se encuentra actualmente activo (Ventas &gt; 0 en el ejemplo). <strong>Disponemos de diferentes formas de filtrar los datos<\/strong>: pulsando el bot\u00f3n personalizar situado en la parte inferior derecha se abrir\u00e1 una ventana donde podemos definir m\u00faltiples combinaciones de reglas de filtrado e incluso almacenarlas y recuperarlas de un fichero externo. Tambi\u00e9n, si pasamos el rat\u00f3n sobre el encabezado de una columna o de una agrupaci\u00f3n, veremos que aparece el s\u00edmbolo de filtrado y, al pulsarlo, podremos marcar los valores de esa columna que nos interese mostrar o seleccionar la opci\u00f3n \u201cpersonalizar\u201d para introducir reglas m\u00e1s complejas.<\/p>\n\n\n\n<p>Tambi\u00e9n podemos ver la ordenaci\u00f3n establecida fij\u00e1ndonos en el\nindicador existente en el encabezado de las columnas y de las agrupaciones.\nPulsando con el rat\u00f3n podemos seleccionar las columnas de ordenaci\u00f3n e invertir\nel sentido ascendente o descendente de las mismas.<\/p>\n\n\n\n<p>Cada vista se dise\u00f1a con unas opciones predefinidas de filtrado, agrupaci\u00f3n\ny ordenaci\u00f3n y as\u00ed es c\u00f3mo se mostrar\u00e1 inicialmente, pero como vemos, en\ncualquier momento es posible modificar dichas opciones sobre la marcha.<\/p>\n\n\n\n<p><strong>Disponemos de diferentes tipos de gr\u00e1ficos (de barras, de l\u00edneas, circulares, etc.) para representar la informaci\u00f3n<\/strong>. En el dise\u00f1o de la vista se habr\u00e1n especificado ciertas columnas (normalmente las mismas que se pueden totalizar en la tabla) que son representables en modo gr\u00e1fico, obteniendo una serie por cada una de ellas. En el siguiente ejemplo vemos una gr\u00e1fica con los importes de ventas del a\u00f1o en curso y el anterior de los art\u00edculos agrupados por familias, y habiendo seleccionado la familia \u201cComponentes\u201d.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"251\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/business-intelligence-vistas-02-img.jpg\" alt=\"\" class=\"wp-image-10680\" srcset=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/business-intelligence-vistas-02-img.jpg 600w, https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/business-intelligence-vistas-02-img-300x126.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>Detalle de la representaci\u00f3n gr\u00e1fica<\/figcaption><\/figure><\/div>\n\n\n\n<p><strong>En la parte superior izquierda disponemos del control de agrupaciones<\/strong>, que nos permite mostrar los datos agrupados (pulsando sobre el recuadro \u201cFamilia\u201d en este caso) o seleccionar uno de los valores de la agrupaci\u00f3n como en el ejemplo en el que se ha seleccionado el valor \u201cComponentes\u201d y mostrarlos pulsando sobre el recuadro \u201cDatos\u201d.<\/p>\n\n\n\n<p><strong>La gr\u00e1fica nos mostrar\u00e1 con diferentes colores las series disponibles<\/strong> (a\u00f1o anterior y a\u00f1o en curso en la imagen) y en el eje horizontal tendremos las filas o agrupaciones (art\u00edculos en el ejemplo) mientras que en el eje vertical tendremos los valores de cada fila (los importes de ventas en este caso).<\/p>\n\n\n\n<p>Como vemos, <strong>disponemos de sendos controles de \u201czoom\u201d para el eje vertical y horizontal para poder ajustar la cantidad de informaci\u00f3n que se visualiza<\/strong>. En algunos tipos de gr\u00e1fico, como por ejemplo el circular, no tienen sentido estos controles y no se mostrar\u00e1n.<\/p>\n\n\n\n<p>En la parte superior derecha tenemos la opci\u00f3n para seleccionar el tipo de gr\u00e1fico. Podemos elegir entre los siguientes tipos disponibles:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/01.png\" alt=\"\" class=\"wp-image-10681\"\/><\/figure><\/div>\n\n\n\n<p><strong>\u00c1rea<\/strong>: Cada serie origina un \u00e1rea superpuesta sobre las otras series (con transparencia).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/02.png\" alt=\"\" class=\"wp-image-10682\"\/><\/figure><\/div>\n\n\n\n<p><strong>Barras<\/strong>: Barras horizontales, una por cada serie a continuaci\u00f3n de la anterior.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/03.png\" alt=\"\" class=\"wp-image-10685\"\/><\/figure><\/div>\n\n\n\n<p><strong>Columnas<\/strong>: Barras verticales, una por cada serie a continuaci\u00f3n de la anterior.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/04.png\" alt=\"\" class=\"wp-image-10684\"\/><\/figure><\/div>\n\n\n\n<p><strong>Circular<\/strong>: Gr\u00e1fica circular dividida en sectores. Cada serie origina una gr\u00e1fica independiente.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/05.png\" alt=\"\" class=\"wp-image-10686\"\/><\/figure><\/div>\n\n\n\n<p><strong>\u00c1reas apiladas<\/strong>: Las distintas series se muestran unas encima de las otras, acumul\u00e1ndose.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/06.png\" alt=\"\" class=\"wp-image-10687\"\/><\/figure><\/div>\n\n\n\n<p><strong>Barras apiladas<\/strong>: Barras horizontales con las distintas series apiladas en la misma barra<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/07.png\" alt=\"\" class=\"wp-image-10688\"\/><\/figure><\/div>\n\n\n\n<p><strong>Columnas apiladas<\/strong>: Barras verticales con las distintas series apiladas en la misma barra.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/08.png\" alt=\"\" class=\"wp-image-10689\"\/><\/figure><\/div>\n\n\n\n<p><strong>L\u00edneas<\/strong>: Una l\u00ednea por cada serie.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>En caso de que estemos visualizando simult\u00e1neamente la tabla de datos y el gr\u00e1fico, cuando pulsemos sobre el gr\u00e1fico se seleccionar\u00e1 autom\u00e1ticamente la fila correspondiente en la tabla y se desplegar\u00e1 si se trata de una agrupaci\u00f3n para que podamos comprobar el detalle de los datos que dan origen al valor mostrado en el gr\u00e1fico. <\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2022\/11\/Como-ya-hemos-comentadoesta-ut1668163738.mp3\"><\/audio><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.distritok.com\/aplicaciones\/programa-de-gestion\/business-intelligence\/\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"200\" src=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2021\/11\/banner-descarga-business-intelligence.png\" alt=\"business intelligence\" class=\"wp-image-8050\" srcset=\"https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2021\/11\/banner-descarga-business-intelligence.png 640w, https:\/\/www.distritok.com\/blog\/wp-content\/uploads\/2021\/11\/banner-descarga-business-intelligence-300x94.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Llevamos varias semanas hablando sobre las opciones de nuestro m\u00f3dulo de vistas dentro de Business Intelligence. Hoy queremos seguir profundizando y conociendo c\u00f3mo se configuran la tabla de datos y la representaci\u00f3n gr\u00e1fica. Como ya hemos comentado, esta utilidad es una funcionalidad del Business Intelligence, nuestro m\u00f3dulo que permite explotar la informaci\u00f3n contenida en el &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.distritok.com\/blog\/business-intelligence-vistas-dinamicas-configure-a-su-medida-cada-vista-en-pantalla\/\"> <span class=\"screen-reader-text\">Business Intelligence: Vistas din\u00e1micas, configure a su medida cada vista en pantalla<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":10678,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[470,576],"tags":[619,577,490],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts\/10677"}],"collection":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/comments?post=10677"}],"version-history":[{"count":6,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts\/10677\/revisions"}],"predecessor-version":[{"id":10715,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts\/10677\/revisions\/10715"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/media\/10678"}],"wp:attachment":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/media?parent=10677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/categories?post=10677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/tags?post=10677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}