Class Charts

Listas

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

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;
}

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.

Documentación detallada

newAreaChart()

Se comienza a crear un gráfico de áreas, como se describe en la documentación de las herramientas de Google Chart.

Devolvedor

AreaChartBuilder: Es 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 la documentación de Herramientas de Google Chart.

Devolvedor

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 las herramientas de Google Chart.

Devolvedor

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

---

newDataTable()

Crea una tabla de datos vacía a la que se pueden configurar los valores de forma manual.

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

Devolvedor

DataTableBuilder: Es un DataTableBuilder, que puede contener datos para 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.

Devolvedor

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 las herramientas de Google Charts.

Devolvedor

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 Google Chart.

Devolvedor

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 la documentación de Herramientas de Google Chart.

Devolvedor

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

---

newTableChart()

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

Devolvedor

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

---

newTextStyle()

Crea un nuevo compilador de estilo de texto.

Para cambiar los valores predeterminados, usa las funciones set.

Devolvedor

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