Class Charts

Listas

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.