Fragmentos de código para construir tableros con CDF

En ésta publicación comparto algunos fragmentos de código para construir tableros usando Community Dashboard Framework (CDF).

Archivo .xcdf

<?xml version="1.0" encoding="UTF-8"?>
<cdf>
 <title>Tablero de Mando</title>
 <author>Mauricio Murillo</author>
 <description>Mi primer tablero de mando usando CDF</description>
 <icon></icon>
 <template>tablero.html</template>
 <style>mantle</style>
</cdf>

Archivo .html

<h1>Tablero de Mando</h1>
<table align="center" style="border:0px">
 <tr>
  <td><div id="x"/></td>
  <td><div id="y"/></td>
 </tr>
 <tr>
  <td><div id="z"></td>
  <td><div id="w"></td>
 </tr>
</table>

<script language="javascript" type="text/javascript">
 // Obtener el nombre de la solución y el PATH
 var solution = Dashboards.getQueryParameter("solution");
 var path = Dashboards.getQueryParameter("path");
 // Paramétros Globales del Tablero
 Dashboards.globalcontext = false; 
 //Definición de los componentes
 var components = [];
 // Inicialización del tablero
 Dashboards.init(components); 
</script>

Consideraciones para crear gráficos con acciones de secuencias

Por defecto los gráficos (Charts) creados con acciones de secuencia a través de la herramienta Pentaho Design Studio (PDS) no pueden ser visualizados en la consola de usuario de Pentaho (PUC), para poder  visualizarlos se tiene que realizar lo siguiente:

1. Una vez definido el Chart en la acción de secuencia, dentro del XML de definición colocar las siguientes propiedades:

<action-outputs> 
    <chart-filename type="string"/>  
    <base-url type="string"/>  
    <chart-mapping type="string"/>  
    <image-tag type="string"/> 
</action-outputs>

2. Definir como la salida de la acción de secuencia (Output) la propiedad image-tag

3. Abrir la acción de secuencia desde PUC y ya se podrá visualizar el Chart.

NOTA: los Charts tienen ciertas propiedades que se las cambia directamente en la definición XML, la documentación de éstas propiedades se encuentra en el siguiente link oficional de Pentaho:

http://wiki.pentaho.com/display/ServerDoc2x/Chart+Properties+Reference