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ásicos, se completa un gráfico de áreas con los datos y se agrega en 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;
}

Propiedades

Propiedad	Tipo	Descripción
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	Una enumeración de cómo se expresan en un gráfico las dimensiones ocultas en 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 de una `DataTable`.
`CurveStyle`	`CurveStyle`	Es una enumeración de los estilos para las curvas de un gráfico.
`PointStyle`	`PointStyle`	Es una enumeración de los estilos de puntos de 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`	Se empieza a crear un gráfico de áreas, como se describe en el Gráfico de Google. Tools.
`newBarChart()`	`BarChartBuilder`	Comienza a crear un gráfico de barras, como se describe en el Gráfico de Google Tools.
`newColumnChart()`	`ColumnChartBuilder`	Comienza a crear un gráfico de columnas, como se describe en el Gráfico de Google Tools.
`newDataTable()`	`DataTableBuilder`	Crea una tabla de datos vacía, cuyos valores se pueden configurar manualmente.
`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 el Gráfico de Google Tools.
`newPieChart()`	`PieChartBuilder`	Comienza a crear un gráfico circular, como se describe en el Gráfico de Google. Tools.
`newScatterChart()`	`ScatterChartBuilder`	Comienza a crear un diagrama de dispersión, como se describe en el Gráfico de Google Tools.
`newTableChart()`	`TableChartBuilder`	Comienza a crear un gráfico de tabla, como se describe en el Gráfico de Google Tools.
`newTextStyle()`	`TextStyleBuilder`	Crea un nuevo compilador de estilo de texto.

Documentación detallada

`newAreaChart()`

Se empieza a crear un gráfico de áreas, como se describe en el Gráfico de Google. Tools.

Volver

AreaChartBuilder: Indica un AreaChartBuilder, que se puede usar para crear un gráfico de áreas.

`newBarChart()`

Comienza a crear un gráfico de barras, como se describe en el Gráfico de Google Tools.

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 el Gráfico de Google Tools.

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 configurar manualmente.

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

Volver

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

`newDataViewDefinition()`

Crea una nueva definición de vista de datos.

Usa métodos set para definir las diferentes propiedades de la vista de datos.

Volver

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

`newLineChart()`

Comienza a crear un gráfico de líneas, como se describe en el Gráfico de Google Tools.

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 el Gráfico de Google. Tools.

Volver

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

`newScatterChart()`

Comienza a crear un diagrama de dispersión, como se describe en el Gráfico de Google Tools.

Volver

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

`newTableChart()`

Comienza a crear un gráfico de tabla, como se describe en el Gráfico de Google Tools.

Volver

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

`newTextStyle()`

Crea un nuevo compilador de estilo de texto.

Para cambiar los valores predeterminados, usa las funciones set.

Volver

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