Este servicio permite a los usuarios crear gráficos con Herramientas de gráficos de Google y renderizarlos en el servidor. Si deseas renderizar gráficos en un navegador web, usa la API de Google Charts en su lugar.
En este ejemplo, se crea una tabla de datos básicos, se propaga un gráfico de áreas con los datos y se agrega a una página web como imagen:
function doGet() {
var data = Charts.newDataTable()
.addColumn(Charts.ColumnType.STRING, 'Month')
.addColumn(Charts.ColumnType.NUMBER, 'In Store')
.addColumn(Charts.ColumnType.NUMBER, 'Online')
.addRow(['January', 10, 1])
.addRow(['February', 12, 1])
.addRow(['March', 20, 2])
.addRow(['April', 25, 3])
.addRow(['May', 30, 4])
.build();
var chart = Charts.newAreaChart()
.setDataTable(data)
.setStacked()
.setRange(0, 40)
.setTitle('Sales per Month')
.build();
var htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
var imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
var imageUrl = "data:image/png;base64," + encodeURI(imageData);
htmlOutput.append("Render chart server side: <br/>");
htmlOutput.append("<img border=\"1\" src=\"" + imageUrl + "\">");
return htmlOutput;
}
Clases
Nombre | Descripción breve |
---|---|
AreaChartBuilder | Compilador para gráficos de áreas. |
BarChartBuilder | Compilador para gráficos de barras. |
Chart | Un objeto de gráfico que se puede convertir en una imagen estática. |
ChartHiddenDimensionStrategy | Una enumeración de cómo se expresan en un gráfico las dimensiones ocultas de una fuente. |
ChartMergeStrategy | Una enumeración de cómo se expresan en un gráfico varios rangos de la fuente. |
ChartOptions | Expone las opciones configuradas actualmente para un Chart , como la altura, el color, etcétera. |
ChartType | Tipos de gráficos compatibles con el servicio de gráficos. |
Charts | Punto de entrada para crear gráficos en secuencias de comandos. |
ColumnChartBuilder | Compilador para gráficos de columnas. |
ColumnType | Una enumeración de los tipos de datos válidos para las columnas en un DataTable . |
CurveStyle | Es una enumeración de los estilos de las curvas en un gráfico. |
DataTable | Una tabla de datos para usar en los gráficos |
DataTableBuilder | Compilador de objetos DataTable. |
DataTableSource | Interfaz para objetos que pueden representar sus datos como un DataTable . |
DataViewDefinition | Definición de vista de datos para visualizar los datos del gráfico. |
DataViewDefinitionBuilder | Compilador para objetos DataViewDefinition . |
LineChartBuilder | Compilador para gráficos de líneas. |
MatchType | Una enumeración de cómo debe coincidir un valor de string. |
NumberRangeFilterBuilder | Un compilador para controles de filtros de rangos de números. |
Orientation | Una enumeración de la orientación de un objeto. |
PickerValuesLayout | Una enumeración de cómo mostrar los valores seleccionados en el widget del selector. |
PieChartBuilder | Un compilador para gráficos circulares. |
PointStyle | Es una enumeración de los estilos de puntos de una línea. |
Position | Una enumeración de las posiciones de leyendas dentro de un gráfico. |
ScatterChartBuilder | Compilador para diagramas de dispersión. |
StringFilterBuilder | Un compilador para controles de filtros de strings. |
TableChartBuilder | Un compilador para gráficos de tablas. |
TextStyle | Es un objeto de configuración de estilo de texto. |
TextStyleBuilder | Un compilador que se usa para crear objetos TextStyle . |
AreaChartBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | Chart | Crea el gráfico. |
reverseCategories() | AreaChartBuilder | Invierte el dibujo de una serie en el eje del dominio. |
setBackgroundColor(cssValue) | AreaChartBuilder | Establece el color de fondo del gráfico. |
setColors(cssValues) | AreaChartBuilder | Establece los colores para las líneas del gráfico. |
setDataSourceUrl(url) | AreaChartBuilder | Configura la URL de la fuente de datos que se usa para extraer datos de una fuente externa, como Hojas de cálculo de Google. |
setDataTable(tableBuilder) | AreaChartBuilder | Establece la tabla de datos que se usará para el gráfico mediante un DataTableBuilder. |
setDataTable(table) | AreaChartBuilder | Establece la tabla de datos que contiene las líneas del gráfico, así como las etiquetas del eje X. |
setDataViewDefinition(dataViewDefinition) | AreaChartBuilder | Establece la definición de vista de datos que se usará para el gráfico. |
setDimensions(width, height) | AreaChartBuilder | Establece las dimensiones para el gráfico. |
setLegendPosition(position) | AreaChartBuilder | Establece la posición de la leyenda con respecto al gráfico. |
setLegendTextStyle(textStyle) | AreaChartBuilder | Establece el estilo de texto de la leyenda del gráfico. |
setOption(option, value) | AreaChartBuilder | Establece las opciones avanzadas para este gráfico. |
setPointStyle(style) | AreaChartBuilder | Establece el diseño de los puntos de la línea. |
setRange(start, end) | AreaChartBuilder | Establece el rango del gráfico. |
setStacked() | AreaChartBuilder | Usa líneas apiladas, lo que significa que los valores de línea y barra se apilan (acumulan). |
setTitle(chartTitle) | AreaChartBuilder | Establece el título del gráfico. |
setTitleTextStyle(textStyle) | AreaChartBuilder | Establece el estilo de texto del título del gráfico. |
setXAxisTextStyle(textStyle) | AreaChartBuilder | Establece el estilo de texto del eje horizontal. |
setXAxisTitle(title) | AreaChartBuilder | Agrega un título al eje horizontal. |
setXAxisTitleTextStyle(textStyle) | AreaChartBuilder | Establece el estilo de texto del título del eje horizontal. |
setYAxisTextStyle(textStyle) | AreaChartBuilder | Establece el estilo de texto del eje vertical. |
setYAxisTitle(title) | AreaChartBuilder | Agrega un título al eje vertical. |
setYAxisTitleTextStyle(textStyle) | AreaChartBuilder | Establece el estilo de texto del título del eje vertical. |
useLogScale() | AreaChartBuilder | Convierte el eje de rango en una escala logarítmica (requiere que todos los valores sean positivos). |
BarChartBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | Chart | Crea el gráfico. |
reverseCategories() | BarChartBuilder | Invierte el dibujo de una serie en el eje del dominio. |
reverseDirection() | BarChartBuilder | Invierte la dirección en la que crecen las barras a lo largo del eje horizontal. |
setBackgroundColor(cssValue) | BarChartBuilder | Establece el color de fondo del gráfico. |
setColors(cssValues) | BarChartBuilder | Establece los colores para las líneas del gráfico. |
setDataSourceUrl(url) | BarChartBuilder | Configura la URL de la fuente de datos que se usa para extraer datos de una fuente externa, como Hojas de cálculo de Google. |
setDataTable(tableBuilder) | BarChartBuilder | Establece la tabla de datos que se usará para el gráfico mediante un DataTableBuilder. |
setDataTable(table) | BarChartBuilder | Establece la tabla de datos que contiene las líneas del gráfico, así como las etiquetas del eje X. |
setDataViewDefinition(dataViewDefinition) | BarChartBuilder | Establece la definición de vista de datos que se usará para el gráfico. |
setDimensions(width, height) | BarChartBuilder | Establece las dimensiones para el gráfico. |
setLegendPosition(position) | BarChartBuilder | Establece la posición de la leyenda con respecto al gráfico. |
setLegendTextStyle(textStyle) | BarChartBuilder | Establece el estilo de texto de la leyenda del gráfico. |
setOption(option, value) | BarChartBuilder | Establece las opciones avanzadas para este gráfico. |
setRange(start, end) | BarChartBuilder | Establece el rango del gráfico. |
setStacked() | BarChartBuilder | Usa líneas apiladas, lo que significa que los valores de línea y barra se apilan (acumulan). |
setTitle(chartTitle) | BarChartBuilder | Establece el título del gráfico. |
setTitleTextStyle(textStyle) | BarChartBuilder | Establece el estilo de texto del título del gráfico. |
setXAxisTextStyle(textStyle) | BarChartBuilder | Establece el estilo de texto del eje horizontal. |
setXAxisTitle(title) | BarChartBuilder | Agrega un título al eje horizontal. |
setXAxisTitleTextStyle(textStyle) | BarChartBuilder | Establece el estilo de texto del título del eje horizontal. |
setYAxisTextStyle(textStyle) | BarChartBuilder | Establece el estilo de texto del eje vertical. |
setYAxisTitle(title) | BarChartBuilder | Agrega un título al eje vertical. |
setYAxisTitleTextStyle(textStyle) | BarChartBuilder | Establece el estilo de texto del título del eje vertical. |
useLogScale() | BarChartBuilder | Convierte el eje de rango en una escala logarítmica (requiere que todos los valores sean positivos). |
Chart
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
getAs(contentType) | Blob | Muestra los datos dentro de este objeto como un BLOB convertido al tipo de contenido especificado. |
getBlob() | Blob | Muestra los datos dentro de este objeto como un BLOB. |
getOptions() | ChartOptions | Muestra las opciones de este gráfico, como la altura, los colores y los ejes. |
ChartHiddenDimensionStrategy
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
IGNORE_BOTH | Enum | Opción predeterminada; los gráficos omiten las columnas y las filas ocultas. |
IGNORE_ROWS | Enum | Los gráficos solo omiten las filas ocultas. |
IGNORE_COLUMNS | Enum | Los gráficos solo omiten las columnas ocultas. |
SHOW_BOTH | Enum | Los gráficos no omiten las columnas ocultas ni las filas ocultas. |
ChartMergeStrategy
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
MERGE_COLUMNS | Enum | Predeterminado. |
MERGE_ROWS | Enum | Los gráficos combinan las filas de varios rangos. |
ChartOptions
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
get(option) | Object | Muestra una opción configurada para este gráfico. |
getOrDefault(option) | Object | Muestra una opción configurada para este gráfico. |
ChartType
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
TIMELINE | Enum | Gráfico de cronograma. |
AREA | Enum | Gráfico de áreas |
BAR | Enum | Gráfico de barras |
BUBBLE | Enum | Gráfico de burbujas. |
CANDLESTICK | Enum | Gráfico de velas. |
COLUMN | Enum | Gráfico de columnas |
COMBO | Enum | Gráfico combinado |
GAUGE | Enum | Gráfico de indicadores. |
GEO | Enum | Diagrama geográfico. |
HISTOGRAM | Enum | Histograma |
RADAR | Enum | Gráfico radial. |
LINE | Enum | Gráfico de líneas |
ORG | Enum | Organigrama. |
PIE | Enum | Gráfico circular |
SCATTER | Enum | Diagrama de dispersión (Scatter chart) |
SPARKLINE | Enum | Minigráfico. |
STEPPED_AREA | Enum | Gráfico de áreas escalonado. |
TABLE | Enum | Gráfico de tabla |
TREEMAP | Enum | Gráfico de diagrama de árbol. |
WATERFALL | Enum | Gráfico de cascada. |
Charts
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
ChartHiddenDimensionStrategy | ChartHiddenDimensionStrategy | Una enumeración de cómo se expresan en un gráfico las dimensiones ocultas de una fuente. |
ChartMergeStrategy | ChartMergeStrategy | Una enumeración de cómo se expresan en un gráfico varios rangos de la fuente. |
ChartType | ChartType | Una enumeración de los tipos de gráficos que admite el servicio de gráficos. |
ColumnType | ColumnType | Una enumeración de los tipos de datos válidos para las columnas en un DataTable . |
CurveStyle | CurveStyle | Es una enumeración de los estilos de las curvas en un gráfico. |
PointStyle | PointStyle | Es una enumeración de los estilos de puntos de una línea. |
Position | Position | Una enumeración de las posiciones de leyendas dentro de un gráfico. |
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
newAreaChart() | AreaChartBuilder | Se comienza a crear un gráfico de áreas, como se describe en la documentación de las herramientas de Google Chart. |
newBarChart() | BarChartBuilder | Comienza a crear un gráfico de barras, como se describe en la documentación de Herramientas de Google Chart. |
newColumnChart() | ColumnChartBuilder | Comienza a crear un gráfico de columnas, como se describe en la documentación de las herramientas de Google Chart. |
newDataTable() | DataTableBuilder | Crea una tabla de datos vacía a la que se pueden configurar los valores de forma manual. |
newDataViewDefinition() | DataViewDefinitionBuilder | Crea una nueva definición de vista de datos. |
newLineChart() | LineChartBuilder | Comienza a crear un gráfico de líneas, como se describe en la documentación de las herramientas de Google Charts. |
newPieChart() | PieChartBuilder | Comienza a crear un gráfico circular, como se describe en la documentación de Herramientas de Google Chart. |
newScatterChart() | ScatterChartBuilder | Comienza a crear un diagrama de dispersión, como se describe en la documentación de Herramientas de Google Chart. |
newTableChart() | TableChartBuilder | Comienza a crear un gráfico de tablas, como se describe en la documentación de las herramientas de Google Chart. |
newTextStyle() | TextStyleBuilder | Crea un nuevo compilador de estilo de texto. |
ColumnChartBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | Chart | Crea el gráfico. |
reverseCategories() | ColumnChartBuilder | Invierte el dibujo de una serie en el eje del dominio. |
setBackgroundColor(cssValue) | ColumnChartBuilder | Establece el color de fondo del gráfico. |
setColors(cssValues) | ColumnChartBuilder | Establece los colores para las líneas del gráfico. |
setDataSourceUrl(url) | ColumnChartBuilder | Configura la URL de la fuente de datos que se usa para extraer datos de una fuente externa, como Hojas de cálculo de Google. |
setDataTable(tableBuilder) | ColumnChartBuilder | Establece la tabla de datos que se usará para el gráfico mediante un DataTableBuilder. |
setDataTable(table) | ColumnChartBuilder | Establece la tabla de datos que contiene las líneas del gráfico, así como las etiquetas del eje X. |
setDataViewDefinition(dataViewDefinition) | ColumnChartBuilder | Establece la definición de vista de datos que se usará para el gráfico. |
setDimensions(width, height) | ColumnChartBuilder | Establece las dimensiones para el gráfico. |
setLegendPosition(position) | ColumnChartBuilder | Establece la posición de la leyenda con respecto al gráfico. |
setLegendTextStyle(textStyle) | ColumnChartBuilder | Establece el estilo de texto de la leyenda del gráfico. |
setOption(option, value) | ColumnChartBuilder | Establece las opciones avanzadas para este gráfico. |
setRange(start, end) | ColumnChartBuilder | Establece el rango del gráfico. |
setStacked() | ColumnChartBuilder | Usa líneas apiladas, lo que significa que los valores de línea y barra se apilan (acumulan). |
setTitle(chartTitle) | ColumnChartBuilder | Establece el título del gráfico. |
setTitleTextStyle(textStyle) | ColumnChartBuilder | Establece el estilo de texto del título del gráfico. |
setXAxisTextStyle(textStyle) | ColumnChartBuilder | Establece el estilo de texto del eje horizontal. |
setXAxisTitle(title) | ColumnChartBuilder | Agrega un título al eje horizontal. |
setXAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Establece el estilo de texto del título del eje horizontal. |
setYAxisTextStyle(textStyle) | ColumnChartBuilder | Establece el estilo de texto del eje vertical. |
setYAxisTitle(title) | ColumnChartBuilder | Agrega un título al eje vertical. |
setYAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Establece el estilo de texto del título del eje vertical. |
useLogScale() | ColumnChartBuilder | Convierte el eje de rango en una escala logarítmica (requiere que todos los valores sean positivos). |
ColumnType
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
DATE | Enum | Corresponde a los valores de fecha. |
NUMBER | Enum | Corresponde a los valores numéricos. |
STRING | Enum | Corresponde a los valores de cadena. |
CurveStyle
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
NORMAL | Enum | Líneas rectas sin curvas. |
SMOOTH | Enum | Los ángulos de la línea se suavizan. |
DataTable
DataTableBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
addColumn(type, label) | DataTableBuilder | Agrega una columna a la tabla de datos. |
addRow(values) | DataTableBuilder | Agrega una fila a la tabla de datos. |
build() | DataTable | Compila y muestra una tabla de datos. |
setValue(row, column, value) | DataTableBuilder | Establece un valor específico en la tabla. |
DataTableSource
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
getDataTable() | DataTable | Muestra los datos dentro de este objeto como una DataTable. |
DataViewDefinition
DataViewDefinitionBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | DataViewDefinition | Compila y muestra el objeto de definición de vista de datos que se compiló con este compilador. |
setColumns(columns) | DataViewDefinitionBuilder | Configura los índices de las columnas que se incluirán en la vista de datos y especifica la información de la columna de la función. |
LineChartBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | Chart | Crea el gráfico. |
reverseCategories() | LineChartBuilder | Invierte el dibujo de una serie en el eje del dominio. |
setBackgroundColor(cssValue) | LineChartBuilder | Establece el color de fondo del gráfico. |
setColors(cssValues) | LineChartBuilder | Establece los colores para las líneas del gráfico. |
setCurveStyle(style) | LineChartBuilder | Establece el estilo que se usará para las curvas del gráfico. |
setDataSourceUrl(url) | LineChartBuilder | Configura la URL de la fuente de datos que se usa para extraer datos de una fuente externa, como Hojas de cálculo de Google. |
setDataTable(tableBuilder) | LineChartBuilder | Establece la tabla de datos que se usará para el gráfico mediante un DataTableBuilder. |
setDataTable(table) | LineChartBuilder | Establece la tabla de datos que contiene las líneas del gráfico, así como las etiquetas del eje X. |
setDataViewDefinition(dataViewDefinition) | LineChartBuilder | Establece la definición de vista de datos que se usará para el gráfico. |
setDimensions(width, height) | LineChartBuilder | Establece las dimensiones para el gráfico. |
setLegendPosition(position) | LineChartBuilder | Establece la posición de la leyenda con respecto al gráfico. |
setLegendTextStyle(textStyle) | LineChartBuilder | Establece el estilo de texto de la leyenda del gráfico. |
setOption(option, value) | LineChartBuilder | Establece las opciones avanzadas para este gráfico. |
setPointStyle(style) | LineChartBuilder | Establece el diseño de los puntos de la línea. |
setRange(start, end) | LineChartBuilder | Establece el rango del gráfico. |
setTitle(chartTitle) | LineChartBuilder | Establece el título del gráfico. |
setTitleTextStyle(textStyle) | LineChartBuilder | Establece el estilo de texto del título del gráfico. |
setXAxisTextStyle(textStyle) | LineChartBuilder | Establece el estilo de texto del eje horizontal. |
setXAxisTitle(title) | LineChartBuilder | Agrega un título al eje horizontal. |
setXAxisTitleTextStyle(textStyle) | LineChartBuilder | Establece el estilo de texto del título del eje horizontal. |
setYAxisTextStyle(textStyle) | LineChartBuilder | Establece el estilo de texto del eje vertical. |
setYAxisTitle(title) | LineChartBuilder | Agrega un título al eje vertical. |
setYAxisTitleTextStyle(textStyle) | LineChartBuilder | Establece el estilo de texto del título del eje vertical. |
useLogScale() | LineChartBuilder | Convierte el eje de rango en una escala logarítmica (requiere que todos los valores sean positivos). |
MatchType
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
EXACT | Enum | Coincidencia solo con valores exactos |
PREFIX | Enum | Hacer coincidir los prefijos a partir del principio del valor |
ANY | Enum | Coincidir con cualquier subcadena |
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
getName() | String | Muestra el nombre del tipo de concordancia que se usará en las opciones JSON. |
NumberRangeFilterBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
setMaxValue(maxValue) | NumberRangeFilterBuilder | Establece el valor máximo permitido para el rango menor. |
setMinValue(minValue) | NumberRangeFilterBuilder | Establece el valor mínimo permitido para la extensión inferior del rango. |
setOrientation(orientation) | NumberRangeFilterBuilder | Establece la orientación del control deslizante. |
setShowRangeValues(showRangeValues) | NumberRangeFilterBuilder | Establece si se deben tener etiquetas junto al control deslizante que muestran las extensiones del rango seleccionado. |
setTicks(ticks) | NumberRangeFilterBuilder | Establece la cantidad de marcas (posiciones fijas en una barra de rango) en las que pueden incluirse las miniaturas del control deslizante del filtro de rango de números. |
Orientation
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
HORIZONTAL | Enum | Orientación horizontal. |
VERTICAL | Enum | Orientación vertical. |
PickerValuesLayout
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
ASIDE | Enum | Los valores seleccionados se muestran en una sola línea de texto junto al widget del selector de valores. |
BELOW | Enum | Los valores seleccionados se muestran en una sola línea de texto debajo del widget. |
BELOW_WRAPPING | Enum | Es similar a lo que se muestra a continuación, pero las entradas que no pueden caber en el selector se ajustan a una línea nueva. |
BELOW_STACKED | Enum | Los valores seleccionados se muestran en una columna debajo del widget. |
PieChartBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | Chart | Crea el gráfico. |
reverseCategories() | PieChartBuilder | Invierte el dibujo de una serie en el eje del dominio. |
set3D() | PieChartBuilder | Configura el gráfico para que sea tridimensional. |
setBackgroundColor(cssValue) | PieChartBuilder | Establece el color de fondo del gráfico. |
setColors(cssValues) | PieChartBuilder | Establece los colores para las líneas del gráfico. |
setDataSourceUrl(url) | PieChartBuilder | Configura la URL de la fuente de datos que se usa para extraer datos de una fuente externa, como Hojas de cálculo de Google. |
setDataTable(tableBuilder) | PieChartBuilder | Establece la tabla de datos que se usará para el gráfico mediante un DataTableBuilder. |
setDataTable(table) | PieChartBuilder | Establece la tabla de datos que contiene las líneas del gráfico, así como las etiquetas del eje X. |
setDataViewDefinition(dataViewDefinition) | PieChartBuilder | Establece la definición de vista de datos que se usará para el gráfico. |
setDimensions(width, height) | PieChartBuilder | Establece las dimensiones para el gráfico. |
setLegendPosition(position) | PieChartBuilder | Establece la posición de la leyenda con respecto al gráfico. |
setLegendTextStyle(textStyle) | PieChartBuilder | Establece el estilo de texto de la leyenda del gráfico. |
setOption(option, value) | PieChartBuilder | Establece las opciones avanzadas para este gráfico. |
setTitle(chartTitle) | PieChartBuilder | Establece el título del gráfico. |
setTitleTextStyle(textStyle) | PieChartBuilder | Establece el estilo de texto del título del gráfico. |
PointStyle
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
NONE | Enum | No muestres puntos de línea. |
TINY | Enum | Usa puntos de línea muy pequeños. |
MEDIUM | Enum | Usa puntos de líneas medianos. |
LARGE | Enum | Usa puntos de líneas grandes. |
HUGE | Enum | Usa puntos de líneas de mayor tamaño. |
Position
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
TOP | Enum | Arriba del gráfico. |
RIGHT | Enum | A la derecha del gráfico. |
BOTTOM | Enum | Debajo del gráfico. |
NONE | Enum | No se muestra ninguna leyenda. |
ScatterChartBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | Chart | Crea el gráfico. |
setBackgroundColor(cssValue) | ScatterChartBuilder | Establece el color de fondo del gráfico. |
setColors(cssValues) | ScatterChartBuilder | Establece los colores para las líneas del gráfico. |
setDataSourceUrl(url) | ScatterChartBuilder | Configura la URL de la fuente de datos que se usa para extraer datos de una fuente externa, como Hojas de cálculo de Google. |
setDataTable(tableBuilder) | ScatterChartBuilder | Establece la tabla de datos que se usará para el gráfico mediante un DataTableBuilder. |
setDataTable(table) | ScatterChartBuilder | Establece la tabla de datos que contiene las líneas del gráfico, así como las etiquetas del eje X. |
setDataViewDefinition(dataViewDefinition) | ScatterChartBuilder | Establece la definición de vista de datos que se usará para el gráfico. |
setDimensions(width, height) | ScatterChartBuilder | Establece las dimensiones para el gráfico. |
setLegendPosition(position) | ScatterChartBuilder | Establece la posición de la leyenda con respecto al gráfico. |
setLegendTextStyle(textStyle) | ScatterChartBuilder | Establece el estilo de texto de la leyenda del gráfico. |
setOption(option, value) | ScatterChartBuilder | Establece las opciones avanzadas para este gráfico. |
setPointStyle(style) | ScatterChartBuilder | Establece el diseño de los puntos de la línea. |
setTitle(chartTitle) | ScatterChartBuilder | Establece el título del gráfico. |
setTitleTextStyle(textStyle) | ScatterChartBuilder | Establece el estilo de texto del título del gráfico. |
setXAxisLogScale() | ScatterChartBuilder | Convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). |
setXAxisRange(start, end) | ScatterChartBuilder | Establece el rango del eje horizontal del gráfico. |
setXAxisTextStyle(textStyle) | ScatterChartBuilder | Establece el estilo de texto del eje horizontal. |
setXAxisTitle(title) | ScatterChartBuilder | Agrega un título al eje horizontal. |
setXAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Establece el estilo de texto del título del eje horizontal. |
setYAxisLogScale() | ScatterChartBuilder | Convierte el eje vertical en una escala logarítmica (requiere que todos los valores sean positivos). |
setYAxisRange(start, end) | ScatterChartBuilder | Establece el rango del eje vertical del gráfico. |
setYAxisTextStyle(textStyle) | ScatterChartBuilder | Establece el estilo de texto del eje vertical. |
setYAxisTitle(title) | ScatterChartBuilder | Agrega un título al eje vertical. |
setYAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Establece el estilo de texto del título del eje vertical. |
StringFilterBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
setCaseSensitive(caseSensitive) | StringFilterBuilder | Establece si la coincidencia debe distinguir mayúsculas de minúsculas o no. |
setMatchType(matchType) | StringFilterBuilder | Establece si el control debe coincidir solo con valores exactos (MatchType.EXACT ), prefijos que comienzan desde el principio del valor (MatchType.PREFIX ) o con cualquier substring (MatchType.ANY ). |
setRealtimeTrigger(realtimeTrigger) | StringFilterBuilder | Establece si el control debe coincidir cada vez que se presiona una tecla o solo cuando el campo de entrada "cambia" (pérdida de enfoque o presión de la tecla Intro). |
TableChartBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | Chart | Crea el gráfico. |
enablePaging(enablePaging) | TableChartBuilder | Establece si se debe habilitar la paginación a través de los datos. |
enablePaging(pageSize) | TableChartBuilder | Habilita la paginación y establece la cantidad de filas en cada página. |
enablePaging(pageSize, startPage) | TableChartBuilder | Habilita la paginación, establece la cantidad de filas en cada página y la primera página de la tabla que se mostrará (los números de página se basan en cero). |
enableRtlTable(rtlEnabled) | TableChartBuilder | Agrega compatibilidad básica con idiomas que se escriben de derecha a izquierda (como el árabe o el hebreo) invirtiendo el orden de las columnas de la tabla, de modo que la columna cero sea la que se encuentra en el extremo derecho y la última, la que se encuentra más a la izquierda. |
enableSorting(enableSorting) | TableChartBuilder | Establece si se deben ordenar las columnas cuando el usuario hace clic en el encabezado de una columna. |
setDataSourceUrl(url) | TableChartBuilder | Configura la URL de la fuente de datos que se usa para extraer datos de una fuente externa, como Hojas de cálculo de Google. |
setDataTable(tableBuilder) | TableChartBuilder | Establece la tabla de datos que se usará para el gráfico mediante un DataTableBuilder. |
setDataTable(table) | TableChartBuilder | Establece la tabla de datos que contiene las líneas del gráfico, así como las etiquetas del eje X. |
setDataViewDefinition(dataViewDefinition) | TableChartBuilder | Establece la definición de vista de datos que se usará para el gráfico. |
setDimensions(width, height) | TableChartBuilder | Establece las dimensiones para el gráfico. |
setFirstRowNumber(number) | TableChartBuilder | Establece el número de fila de la primera fila en la tabla de datos. |
setInitialSortingAscending(column) | TableChartBuilder | Establece el índice de la columna según el cual la tabla debe ordenarse inicialmente (orden ascendente). |
setInitialSortingDescending(column) | TableChartBuilder | Establece el índice de la columna según el cual la tabla debe ordenarse inicialmente (orden descendente). |
setOption(option, value) | TableChartBuilder | Establece las opciones avanzadas para este gráfico. |
showRowNumberColumn(showRowNumber) | TableChartBuilder | Establece si se muestra el número de fila como la primera columna de la tabla. |
useAlternatingRowStyle(alternate) | TableChartBuilder | Establece si el estilo de color alternativo se asigna a las filas impares y pares de un gráfico de tabla. |
TextStyle
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
getColor() | String | Obtiene el color del estilo de texto. |
getFontName() | String | Obtiene el nombre de la fuente del estilo de texto. |
getFontSize() | Number | Obtiene el tamaño de fuente del estilo de texto. |
TextStyleBuilder
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
build() | TextStyle | Compila y muestra un objeto de configuración de estilo de texto que se creó con este compilador. |
setColor(cssValue) | TextStyleBuilder | Establece el color del estilo de texto. |
setFontName(fontName) | TextStyleBuilder | Establece el nombre de la fuente del estilo de texto. |
setFontSize(fontSize) | TextStyleBuilder | Establece el tamaño de fuente del estilo de texto. |