Es un compilador para gráficos de tablas. Para obtener más detalles, consulta la documentación de Gviz.
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
add | Embedded | Agrega un rango al gráfico que modifica este compilador. |
as | Embedded | Establece el tipo de gráfico en AreaChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en BarChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en ColumnChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en ComboChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en HistogramChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en LineChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en PieChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en ScatterChart y muestra un Embedded . |
as | Embedded | Establece el tipo de gráfico en TableChart y muestra un Embedded . |
build() | Embedded | Compila el gráfico para que refleje todos los cambios que se le hayan realizado. |
clear | Embedded | Quita todos los rangos del gráfico que modifica este compilador. |
enable | Embedded | Establece si se debe habilitar la paginación a través de los datos. |
enable | Embedded | Habilita la paginación y establece la cantidad de filas en cada página. |
enable | Embedded | 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). |
enable | Embedded | Agrega compatibilidad básica con idiomas 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 más a la derecha y la última columna sea la más a la izquierda. |
enable | Embedded | Establece si se ordenan las columnas cuando el usuario hace clic en el encabezado de una columna. |
get | Chart | Muestra el tipo de gráfico actual. |
get | Container | Devuelve el Container del gráfico, que encapsula dónde aparece el gráfico en la hoja. |
get | Range[] | Muestra una copia de la lista de rangos que actualmente proporcionan datos para este gráfico. |
remove | Embedded | Quita el rango especificado del gráfico que modifica este compilador. |
set | Embedded | Cambia el tipo de gráfico. |
set | Embedded | Establece el número de fila para la primera fila de la tabla de datos. |
set | Embedded | Establece la estrategia que se usará para las filas y columnas ocultas. |
set | Embedded | Establece el índice de la columna según el cual se debe ordenar inicialmente la tabla (ascendente). |
set | Embedded | Establece el índice de la columna según el cual se debe ordenar inicialmente la tabla (descendente). |
set | Embedded | Establece la estrategia de combinación que se usará cuando exista más de un rango. |
set | Embedded | Establece la cantidad de filas o columnas del rango que se deben tratar como encabezados. |
set | Embedded | Establece opciones avanzadas para este gráfico. |
set | Embedded | Establece la posición y cambia la ubicación en la que aparece el gráfico en la hoja. |
set | Embedded | Establece si las filas y columnas del gráfico se transponen. |
show | Embedded | Establece si se mostrará el número de fila como la primera columna de la tabla. |
use | Embedded | Establece si se asigna un estilo de color alternativo a las filas impares y pares de un gráfico de tabla. |
Documentación detallada
add Range(range)
Agrega un rango al gráfico que modifica este compilador. No agrega el rango si ya se agregó al gráfico.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(sheet.getRange('A1:B8')) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
range | Range | Es el rango que se agregará. |
Volver
Embedded
: Este compilador, para encadenar
as Area Chart()
Establece el tipo de gráfico en AreaChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico de áreas.
as Bar Chart()
Establece el tipo de gráfico en BarChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico de barras.
as Column Chart()
Establece el tipo de gráfico en ColumnChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico de columnas.
as Combo Chart()
Establece el tipo de gráfico en ComboChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico combinado.
as Histogram Chart()
Establece el tipo de gráfico en HistogramChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico de histograma.
as Line Chart()
Establece el tipo de gráfico en LineChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico de líneas.
as Pie Chart()
Establece el tipo de gráfico en PieChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico circular.
as Scatter Chart()
Establece el tipo de gráfico en ScatterChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un diagrama de dispersión.
as Table Chart()
Establece el tipo de gráfico en TableChart y muestra un Embedded
.
Volver
Embedded
: Es un compilador para un gráfico de tabla.
build()
Compila el gráfico para que refleje todos los cambios que se le hayan realizado.
Este método no dibuja automáticamente el gráfico en la parte superior de la hoja de cálculo. Se debe insertar un gráfico nuevo a través de sheet.insertChart(chart)
, y se debe actualizar un gráfico existente a través de sheet.updateChart(chart)
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Volver
Embedded
: Es el gráfico creado, que aún se debe agregar a la hoja de cálculo.
clear Ranges()
Quita todos los rangos del gráfico que modifica este compilador.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; // This code updates the chart to use only the new ranges while preserving the // existing formatting of the chart. const chart = sheet.getCharts()[0]; const newChart = chart.modify() .clearRanges() .addRange(sheet.getRange('A1:A5')) .addRange(sheet.getRange('B1:B5')) .build(); sheet.updateChart(newChart);
Volver
Embedded
: Este compilador, para encadenar
enable Paging(enablePaging)
Establece si se debe habilitar la paginación a través de los datos.
El comportamiento predeterminado es que la paginación esté inhabilitada. Si está habilitada la paginación, el tamaño de página predeterminado es 10.
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
enable | Boolean | true si se debe habilitar la paginación, false de lo contrario. |
Volver
Embedded
: Este compilador es útil para encadenar.
enable Paging(pageSize)
Habilita la paginación y establece la cantidad de filas en cada página.
El tamaño de página predeterminado es 10.
// Creates a table chart builder and enables paging with page size of 5. const builder = Charts.newTableChart(); builder.enablePaging(5);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
page | Integer | Es la cantidad de filas en cada página de la tabla. |
Volver
Embedded
: Este compilador es útil para encadenar.
enable Paging(pageSize, startPage)
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).
El tamaño de página predeterminado es 10 y la página de inicio predeterminada es 0.
// Creates a table chart builder and enables paging with page size of 5 and // displays page 2 first. const builder = Charts.newTableChart(); builder.enablePaging(5, 2);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
page | Integer | Es la cantidad de filas en cada página de la tabla. |
start | Integer | Es la primera página de la tabla que se muestra (los números de página se basan en cero). |
Volver
Embedded
: Este compilador es útil para encadenar.
enable Rtl Table(rtlEnabled)
Agrega compatibilidad básica con idiomas 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 más a la derecha y la última columna sea la más a la izquierda.
Esto no afecta el índice de columna en los datos subyacentes, solo el orden de visualización. La visualización de idiomas bidireccionales (BiDi) completa no es compatible con la visualización de tablas, incluso con esta opción. Esta opción se ignora si habilitas la paginación (con la opción de página) o si la tabla tiene barras de desplazamiento porque especificaste opciones de altura y ancho más pequeñas que el tamaño requerido de la tabla. El comportamiento predeterminado es inhabilitar la compatibilidad con RTL.
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
rtl | Boolean | true si se debe habilitar la compatibilidad de derecha a izquierda, false de lo contrario. |
Volver
Embedded
: Este compilador es útil para encadenar.
enable Sorting(enableSorting)
Establece si se ordenan las columnas cuando el usuario hace clic en el encabezado de una columna.
Si la ordenación está habilitada, cuando los usuarios hacen clic en el encabezado de la columna, las filas se ordenan automáticamente. El comportamiento predeterminado es la clasificación habilitada.
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
enable | Boolean | true para habilitar el ordenamiento haciendo clic en los encabezados de las columnas, false de lo contrario. |
Volver
Embedded
: Este compilador es útil para encadenar.
get Chart Type()
get Container()
Devuelve el Container
del gráfico, que encapsula dónde aparece el gráfico en la hoja.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const chartBuilder = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(sheet.getRange('A1:B8')) .setPosition(5, 5, 0, 0); // This method returns the exact same data as Chart#getContainerInfo() const containerInfo = chartBuilder.getContainer(); // Logs the values used in setPosition() Logger.log( 'Anchor Column: %s\r\nAnchor Row %s\r\nOffset X %s\r\nOffset Y %s', containerInfo.getAnchorColumn(), containerInfo.getAnchorRow(), containerInfo.getOffsetX(), containerInfo.getOffsetY(), );
Volver
Container
: Es un objeto que contiene la posición del contenedor de gráficos.
get Ranges()
Muestra una copia de la lista de rangos que actualmente proporcionan datos para este gráfico. Usa add
y remove
para modificar esta lista.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const chartBuilder = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(sheet.getRange('A1:B8')) .setPosition(5, 5, 0, 0); const ranges = chartBuilder.getRanges(); // There's only one range as a data source for this chart, // so this logs "A1:B8" for (const i in ranges) { const range = ranges[i]; Logger.log(range.getA1Notation()); }
Volver
Range[]
: Es un array de rangos que funcionan como la fuente de datos del gráfico que se compilará.
remove Range(range)
Quita el rango especificado del gráfico que modifica este compilador. No genera un error si el rango no está en este gráfico.
El rango que se quita debe coincidir con un rango agregado a través de add
. De lo contrario, no se realizará ningún cambio en el gráfico. No se puede usar este método para quitar valores de un rango de forma parcial.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const firstRange = sheet.getRange('A1:B5'); const secondRange = sheet.getRange('A6:B8'); const chartBuilder = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(firstRange) // This range will render in a different color .addRange(secondRange) .setPosition(5, 5, 0, 0); // Note that you can use either of these two formats, but the range // MUST match up with a range that was added via addRange(), or it // will not be removed, and will not throw an exception chartBuilder.removeRange(firstRange); chartBuilder.removeRange(sheet.getRange('A6:B8')); const chart = chartBuilder.build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
range | Range | El rango que se quitará. |
Volver
Embedded
: Este compilador, para encadenar
set Chart Type(type)
Cambia el tipo de gráfico. Actualmente, no se admiten todos los tipos de gráficos incorporados. Consulta los Chart
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
type | Chart | Es el tipo al que se cambiará este gráfico. |
Volver
Embedded
: Este compilador, para encadenar
set First Row Number(number)
Establece el número de fila para la primera fila de la tabla de datos.
El número de fila predeterminado de la primera fila es 1.
// Creates a table chart builder and sets the first row to be 2. const builder = Charts.newTableChart(); builder.setFirstRowNumber(2);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
number | Integer | Es el número de fila de la primera fila de la tabla de datos. |
Volver
Embedded
: Este compilador es útil para encadenar.
set Hidden Dimension Strategy(strategy)
Establece la estrategia que se usará para las filas y columnas ocultas. La configuración predeterminada es IGNORE_ROWS
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setHiddenDimensionStrategy( Charts.ChartHiddenDimensionStrategy.IGNORE_COLUMNS, ) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
strategy | Chart | Es la estrategia que se usará para las filas y columnas ocultas. |
Volver
Embedded
: Este compilador, para encadenar
set Initial Sorting Ascending(column)
Establece el índice de la columna según el cual se debe ordenar inicialmente la tabla (ascendente).
La columna está ordenada de forma ascendente y está marcada con una pequeña flecha que lo indica.
// Creates a table chart builder and sorts it by the second column (ascending). const builder = Charts.newTableChart(); builder.setInitialSortingAscending(2);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
column | Integer | Es el número de la columna según el cual se debe ordenar la tabla inicialmente. |
Volver
Embedded
: Este compilador es útil para encadenar.
set Initial Sorting Descending(column)
Establece el índice de la columna según el cual se debe ordenar inicialmente la tabla (descendente).
La columna está ordenada de forma descendente y está marcada con una pequeña flecha que lo indica.
// Creates a table chart builder and sorts it by the second column (descending). const builder = Charts.newTableChart(); builder.setInitialSortingDescending(2);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
column | Integer | Es el número de la columna según el cual se debe ordenar la tabla inicialmente. |
Volver
Embedded
: Este compilador es útil para encadenar.
set Merge Strategy(mergeStrategy)
Establece la estrategia de combinación que se usará cuando exista más de un rango. Si es MERGE_ROWS
, se combinan las filas; si es MERGE_COLUMNS
, se combinan las columnas. La configuración predeterminada es MERGE_COLUMNS
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B10'); const range2 = sheet.getRange('C:C10'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .addRange(range2) .setMergeStrategy(Charts.ChartMergeStrategy.MERGE_ROWS) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
merge | Chart | La estrategia de combinación que se usará. |
Volver
Embedded
: Este compilador, para encadenar
set Num Headers(headers)
Establece la cantidad de filas o columnas del rango que se deben tratar como encabezados.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setNumHeaders(1) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
headers | Integer | Es la cantidad de filas o columnas que se deben tratar como encabezados. Los valores negativos hacen que los encabezados se detecten automáticamente. |
Volver
Embedded
: Este compilador, para encadenar
set Option(option, value)
Establece opciones avanzadas para este gráfico. Para ver una lista de las opciones disponibles, consulta Opciones de configuración de gráficos.
Este método no valida si la opción que especificas es válida para este tipo de gráfico ni si el valor tiene el formato o la estructura correctos.
En este ejemplo, se muestra cómo cambiar el título y establecer una leyenda.
const spreadsheet = SpreadsheetApp.getActiveSpreadsheet(); const sheet = spreadsheet.getSheets()[0]; const chart = sheet.newChart() .setOption('title', 'Earnings projections') .setOption('legend', { position: 'top', textStyle: { color: 'blue', fontSize: 16 }, }).build();
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
option | String | El nombre de la opción. |
value | Object | El valor de la opción. |
Volver
Embedded
: Este compilador, para encadenar.
set Position(anchorRowPos, anchorColPos, offsetX, offsetY)
Establece la posición y cambia la ubicación en la que aparece el gráfico en la hoja. anchor
y anchor
tienen un índice de 1.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
anchor | Integer | El lado superior del gráfico está anclado en esta fila. |
anchor | Integer | El lado izquierdo del gráfico está anclado en esta columna. |
offsetX | Integer | La esquina superior derecha del gráfico se desplaza esta cantidad de píxeles. |
offsetY | Integer | La esquina inferior izquierda del gráfico se desplaza esta cantidad de píxeles. |
Volver
Embedded
: Este compilador, para encadenar
set Transpose Rows And Columns(transpose)
Establece si las filas y columnas del gráfico se transponen. Si se establece en true
, se intercambian las filas y las columnas. La configuración predeterminada es false
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setTransposeRowsAndColumns(true) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
transpose | Boolean | Si es true , las filas y columnas que se usan para construir el gráfico se transponen. |
Volver
Embedded
: Este compilador, para encadenar
show Row Number Column(showRowNumber)
Establece si se mostrará el número de fila como la primera columna de la tabla.
El comportamiento predeterminado no muestra los números de fila.
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
show | Boolean | true si la primera columna de la tabla debe mostrar el número de fila, false de lo contrario. |
Volver
Embedded
: Este compilador es útil para encadenar.
use Alternating Row Style(alternate)
Establece si se asigna un estilo de color alternativo a las filas impares y pares de un gráfico de tabla.
El comportamiento predeterminado es que las filas tengan un estilo de color alternativo.
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
alternate | Boolean | true si los estilos de color deben alternarse, false de lo contrario. |
Volver
Embedded
: Este compilador es útil para encadenar.