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.