Class Charts

Listas

Es el punto de entrada para crear listas 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 una 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 en una fuente en un gráfico.
ChartMergeStrategy	ChartMergeStrategy	Es una enumeración de cómo se expresan varios rangos en la fuente en un gráfico.
ChartType	ChartType	Es una enumeración de los tipos de gráficos compatibles con el servicio de Charts.
ColumnType	ColumnType	Es una enumeración de los tipos de datos válidos para las columnas en una 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 los 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 devuelve	Descripción breve
newAreaChart()	AreaChartBuilder	Comienza a compilar un gráfico de área, como se describe en la documentación de Google Chart Tools.
newBarChart()	BarChartBuilder	Comienza a compilar un gráfico de barras, como se describe en la documentación de Google Chart Tools.
newColumnChart()	ColumnChartBuilder	Comienza a compilar un gráfico de columnas, como se describe en la Google Chart Tools documentación.
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 compilar un gráfico de líneas, como se describe en la documentación de Google Chart Tools.
newPieChart()	PieChartBuilder	Comienza a compilar un gráfico circular, como se describe en la Google Chart Tools documentación.
newScatterChart()	ScatterChartBuilder	Comienza a compilar un diagrama de dispersión, como se describe en la documentación de Google Chart Tools.
newTableChart()	TableChartBuilder	Comienza a compilar un gráfico de tabla, como se describe en la Google Chart Tools documentación.
newTextStyle()	TextStyleBuilder	Crea un nuevo compilador de estilo de texto.

Documentación detallada

newAreaChart()

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

Volver

AreaChartBuilder: Un AreaChartBuilder que se puede usar para compilar un gráfico de área.

---

newBarChart()

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

Volver

BarChartBuilder: 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 Google Chart Tools documentación.

Volver

ColumnChartBuilder: Un ColumnChartBuilder que se puede usar para compilar 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: Un DataTableBuilder que puede contener datos para gráficos.

---

newDataViewDefinition()

Crea una nueva definición de vista de datos.

Usa los establecedores para definir las diferentes propiedades de la vista de datos.

Volver

DataViewDefinitionBuilder: Un 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 Google Chart Tools.

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 Google Chart Tools documentación.

Volver

PieChartBuilder: Un PieChartBuilder que se puede usar para compilar un gráfico circular.

---

newScatterChart()

Comienza a compilar un diagrama de dispersión, como se describe en la documentación de Google Chart Tools.

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 Google Chart Tools documentación.

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 de establecedor.

Volver

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