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

Class Charts

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

En este ejemplo, se crea una tabla de datos básica, se propaga un gráfico de áreas con los datos y se agrega a una página web como una 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 varios rangos en la fuente en un gráfico.
`ChartType`	`ChartType`	Una enumeración de los tipos de gráficos compatibles con 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`	Una enumeración de los estilos de curvas en un gráfico.
`PointStyle`	`PointStyle`	Una enumeración de los estilos de puntos de una línea.
`Position`	`Position`	Una enumeración de las posiciones de las leyendas dentro de un gráfico.

Métodos

Método	Tipo de datos que se muestra	Descripción breve
`newAreaChart()`	`AreaChartBuilder`	Comienza a compilar un gráfico de áreas, como se describe en la documentación de Herramientas del gráfico de Google.
`newBarChart()`	`BarChartBuilder`	Comienza a compilar un gráfico de barras, como se describe en la documentación de Herramientas del gráfico de Google.
`newColumnChart()`	`ColumnChartBuilder`	Comienza a compilar un gráfico de columnas, como se describe en la documentación de Herramientas del gráfico de Google.
`newDataTable()`	`DataTableBuilder`	Crea una tabla de datos vacía en la que se pueden establecer los valores de forma manual.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	Crea una definición de vista de datos nueva.
`newLineChart()`	`LineChartBuilder`	Comienza a compilar un gráfico de líneas, como se describe en la documentación de Herramientas del gráfico de Google.
`newPieChart()`	`PieChartBuilder`	Comienza a compilar un gráfico circular, como se describe en la documentación de Herramientas del gráfico de Google.
`newScatterChart()`	`ScatterChartBuilder`	Comienza a compilar un diagrama de dispersión, como se describe en la documentación de Herramientas del gráfico de Google.
`newTableChart()`	`TableChartBuilder`	Comienza a compilar un gráfico de tabla, como se describe en la documentación de Herramientas del gráfico de Google.
`newTextStyle()`	`TextStyleBuilder`	Crea un nuevo compilador de estilo de texto.

Documentación detallada

`newAreaChart()`

Comienza a compilar un gráfico de áreas, como se describe en la documentación de Herramientas del gráfico de Google.

Volver

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

`newBarChart()`

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

Volver

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

`newColumnChart()`

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

Volver

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

`newDataTable()`

Crea una tabla de datos vacía en la que se pueden establecer los valores 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 definición de vista de datos nueva.

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

Volver

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

`newLineChart()`

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

Volver

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

`newPieChart()`

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

Volver

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

`newScatterChart()`

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

Volver

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

`newTableChart()`

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

Volver

TableChartBuilder: un TableChartBuilder, que se puede usar para compilar 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: un TextStyleBuilder, que se puede usar para compilar un objeto de configuración de estilo de texto.