Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Nuevos gráficos de biblioteca D3 "Tree Map" y "Sunburst":

Ejemplo, por lo que es simultanea
D3 - Tree MapD3 - Tree Map

Un gráfico treemap proporciona una vista jerárquica de sus datos y hace que sea fácil de detectar los patrones, utilizando rectángulos anidados.

Las ramas de los árboles están representadas por rectángulos y cada sub-rama se muestra como un rectángulo más pequeño.

Ejemplo 1: Caso donde seleccionamos Sub Tipo "Herencia" en el editor:

Sobre dicho caso, cuando realizamos click en uno de los rectángulos, estaremos realizando un drill down.

Vemos que arriba el dashlet nos muestra un camino de migas para conocer las consultas realizadas, y este nos permite volver a la consulta anterior.

Image Removed

Image Added

Image Added

Seleccionamos "Mercado América del Norte-EEUU":

Image Added


Ejemplo 2: Caso donde seleccionamos Sub Tipo "Hijos" en el editor: 

En este caso vemos directamente el nivel jerárquico de Hijos del nivel, entonces ya el drill down carece de sentido,

vemos todos los valores en colores degrade del nivel padre.

Image Added

Image Added

 

D3 - Sunburst

D3 - SunburstEjemplo 

Esta representación es similar a la anterior, salvo que utiliza un diseño radial.

El nodo raíz del árbol se encuentra en el centro y las hojas en las circunferencias, siendo el área o ángulo de cada arco el valor correspondiente.

Image RemovedObservaciones

Ejemplo 1: Caso base del ejemplo anterior: 

Image Added

 

Ejemplo 2: Drill down sobre "Mercado América del Norte": 

 

Image Added

 

 

 
Modos de utilización

Ambos gráficos agregan la funcionalidad de ser usados cómo control

. Es posible que al seleccionar una elemento de estos gráficos sirva como filtro en los otros dashlet definidos.

A su vez, como el resto de los dashlet es posible aplicarle filtros.

Estas dos funcionalidades no pueden usarse de forma

simultánea.

¿Como obtengo las representaciones?









Ambas se obtienen agregando en nuestras comunidades un nuevo dashlet "O3 BI Advanced View Dashlet".

Luego el editor del mismo permite seleccionar ambas representaciones,

 

 

 

 

Mejoras introducidas y problemas resueltos

...

Limitaciones o Problemas Conocidos

...

  • Los nuevos gráficos de D3 no están siendo soportados en Internet Explorer v11 (O3PS-10562).