Se usó la API de Cloud Translation para traducir esta página.

Class Charts

Punto de entrada para crear gráficos en secuencias de comandos.

En este ejemplo, se crea una tabla de datos básica, se propaga un gráfico de área con los datos y se agrega a una página web como imagen:

function doGet() {
  const 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();

  const chart = Charts.newAreaChart()
                    .setDataTable(data)
                    .setStacked()
                    .setRange(0, 40)
                    .setTitle('Sales per Month')
                    .build();

  const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  const imageUrl = `data:image/png;base64,${encodeURI(imageData)}`;
  htmlOutput.append('Render chart server side: <br/>');
  htmlOutput.append(`<img border="1" src="${imageUrl}">`);
  return htmlOutput;
}

Propiedades

Propiedad	Tipo	Descripción
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	Es una enumeración de cómo se expresan las dimensiones ocultas de una fuente en un gráfico.
`ChartMergeStrategy`	`ChartMergeStrategy`	Es una enumeración de cómo se expresan varios rangos de la fuente en un gráfico.
`ChartType`	`ChartType`	Es una enumeración de los tipos de gráficos que admite el servicio de gráficos.
`ColumnType`	`ColumnType`	Es 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 en una línea.
`Position`	`Position`	Es una enumeración de las posiciones de la leyenda dentro de un gráfico.

Métodos

Método	Tipo de datos que se muestra	Descripción breve
`newAreaChart()`	`AreaChartBuilder`	Comienza a crear un gráfico de área, como se describe en la documentación de Google Chart Tools.
`newBarChart()`	`BarChartBuilder`	Comienza a crear un gráfico de barras, como se describe en la documentación de Herramientas de gráficos de Google.
`newColumnChart()`	`ColumnChartBuilder`	Comienza a crear un gráfico de columnas, como se describe en la documentación de Herramientas de gráficos de Google.
`newDataTable()`	`DataTableBuilder`	Crea una tabla de datos vacía, cuyos valores se pueden establecer 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 Herramientas de gráficos de Google.
`newPieChart()`	`PieChartBuilder`	Comienza a crear un gráfico circular, como se describe en la documentación de Herramientas de gráficos de Google.
`newScatterChart()`	`ScatterChartBuilder`	Comienza a crear un gráfico de dispersión, como se describe en la documentación de Herramientas de gráficos de Google.
`newTableChart()`	`TableChartBuilder`	Comienza a crear un gráfico de tabla, como se describe en la documentación de Herramientas de gráficos de Google.
`newTextStyle()`	`TextStyleBuilder`	Crea un nuevo compilador de estilos de texto.

Documentación detallada

`newAreaChart()`

Comienza a crear un gráfico de área, como se describe en la documentación de Google Chart Tools.

Volver

AreaChartBuilder: Es un AreaChartBuilder, que se puede usar para crear un gráfico de área.

`newBarChart()`

Comienza a crear un gráfico de barras, como se describe en la documentación de Herramientas de gráficos de Google.

Volver

BarChartBuilder: Es un BarChartBuilder, que se puede usar para crear un gráfico de barras.

`newColumnChart()`

Comienza a crear un gráfico de columnas, como se describe en la documentación de Herramientas de gráficos de Google.

Volver

ColumnChartBuilder: Es un ColumnChartBuilder, que se puede usar para crear un gráfico de columnas.

`newDataTable()`

Crea una tabla de datos vacía, cuyos valores se pueden establecer de forma manual.

Las tablas de datos contienen los datos de todos los tipos de gráficos.

Volver

DataTableBuilder: Es un DataTableBuilder, que puede contener datos para gráficos.

`newDataViewDefinition()`

Crea una nueva definición de vista de datos.

Usa seters para definir las diferentes propiedades de la vista de datos.

Volver

DataViewDefinitionBuilder: Es un DataViewDefinitionBuilder, que se puede usar para crear una definición de vista de datos.

`newLineChart()`

Comienza a crear un gráfico de líneas, como se describe en la documentación de Herramientas de gráficos de Google.

Volver

LineChartBuilder: Es un LineChartBuilder que se puede usar para crear un gráfico de líneas.

`newPieChart()`

Comienza a crear un gráfico circular, como se describe en la documentación de Herramientas de gráficos de Google.

Volver

PieChartBuilder: Es un PieChartBuilder que se puede usar para crear un gráfico circular.

`newScatterChart()`

Comienza a crear un gráfico de dispersión, como se describe en la documentación de Herramientas de gráficos de Google.

Volver

ScatterChartBuilder: Es un ScatterChartBuilder, que se puede usar para crear un diagrama de dispersión.

`newTableChart()`

Comienza a crear un gráfico de tabla, como se describe en la documentación de Herramientas de gráficos de Google.

Volver

TableChartBuilder: Es un TableChartBuilder que se puede usar para crear un gráfico de tabla.

`newTextStyle()`

Crea un nuevo compilador de estilos de texto.

Para cambiar los valores predeterminados, usa las funciones set.

Volver

TextStyleBuilder: Es un TextStyleBuilder, que se puede usar para compilar un objeto de configuración de estilo de texto.