Gráficos

Los gráficos usan la API de visualización de Google para representar los datos de tu aplicación de forma visual. Los gráficos usan un asistente de creación, similar al asistente para los widgets de formulario y tabla. El asistente te pedirá que elijas los campos para las etiquetas y los valores que quieres representar. En el Editor de propiedades, los datos que se van a representar se muestran en el grupo de propiedades Columnas. Cada columna (o su equivalente, por ejemplo, las secciones de un gráfico circular) tiene una propiedad de data que toma un arreglo como entrada y genera un gráfico a partir de él.

Debido a que las propiedades de data de las columnas requieren de arreglos, suele ser útil usar las proyecciones para crear un arreglo a partir de la lista de items de una fuente de datos. Por ejemplo, en un modelo con registros que representan las tasas de impuestos a la renta históricas anuales, podrías vincular la propiedad data de una columna de Datos a @datasource.items..TaxRate, lo que muestra un arreglo que contiene la propiedad TaxRate de cada elemento en la fuente de datos. De forma similar, puedes vincular la propiedad data de la columna Etiqueta a @datasource.items..Year para mostrar el año de cada tasa de impuestos.

Uso

Arrastra un gráfico a la página y usa el Editor de propiedades para configurar el texto, la apariencia y los datos que se mostrarán.

Aplica estilos

Usa chartTitle, chartColors y otras propiedades en el Editor de propiedades para personalizar el aspecto del gráfico.

Ejemplos

En el ejemplo Gráficos, se muestra cómo usar los gráficos de barras, los circulares y las tablas.

Información adicional

La API de Widget tiene más información sobre estilos, propiedades, métodos y eventos para gráficos: