Builder for pie charts. For more details, see the Gviz documentation.
Methods
Method | Return type | Brief description |
---|---|---|
addRange(range) | EmbeddedChartBuilder | Adds a range to the chart this builder modifies. |
asAreaChart() | EmbeddedAreaChartBuilder | Sets the chart type to AreaChart and returns an EmbeddedAreaChartBuilder . |
asBarChart() | EmbeddedBarChartBuilder | Sets the chart type to BarChart and returns an EmbeddedBarChartBuilder . |
asColumnChart() | EmbeddedColumnChartBuilder | Sets the chart type to ColumnChart and returns an EmbeddedColumnChartBuilder . |
asComboChart() | EmbeddedComboChartBuilder | Sets the chart type to ComboChart and returns an EmbeddedComboChartBuilder . |
asHistogramChart() | EmbeddedHistogramChartBuilder | Sets the chart type to HistogramChart and returns an EmbeddedHistogramChartBuilder . |
asLineChart() | EmbeddedLineChartBuilder | Sets the chart type to LineChart and returns an EmbeddedLineChartBuilder . |
asPieChart() | EmbeddedPieChartBuilder | Sets the chart type to PieChart and returns an EmbeddedPieChartBuilder . |
asScatterChart() | EmbeddedScatterChartBuilder | Sets the chart type to ScatterChart and returns an EmbeddedScatterChartBuilder . |
asTableChart() | EmbeddedTableChartBuilder | Sets the chart type to TableChart and returns an EmbeddedTableChartBuilder . |
build() | EmbeddedChart | Builds the chart to reflect all changes made to it. |
clearRanges() | EmbeddedChartBuilder | Removes all ranges from the chart this builder modifies. |
getChartType() | ChartType | Returns the current chart type. |
getContainer() | ContainerInfo | Return the chart ContainerInfo , which encapsulates where the chart appears on the
sheet. |
getRanges() | Range[] | Returns a copy of the list of ranges currently providing data for this chart. |
removeRange(range) | EmbeddedChartBuilder | Removes the specified range from the chart this builder modifies. |
reverseCategories() | EmbeddedPieChartBuilder | Reverses the drawing of series in the domain axis. |
set3D() | EmbeddedPieChartBuilder | Sets the chart to be three-dimensional. |
setBackgroundColor(cssValue) | EmbeddedPieChartBuilder | Sets the background color for the chart. |
setChartType(type) | EmbeddedChartBuilder | Changes the type of chart. |
setColors(cssValues) | EmbeddedPieChartBuilder | Sets the colors for the lines in the chart. |
setHiddenDimensionStrategy(strategy) | EmbeddedChartBuilder | Sets the strategy to use for hidden rows and columns. |
setLegendPosition(position) | EmbeddedPieChartBuilder | Sets the position of the legend with respect to the chart. |
setLegendTextStyle(textStyle) | EmbeddedPieChartBuilder | Sets the text style of the chart legend. |
setMergeStrategy(mergeStrategy) | EmbeddedChartBuilder | Sets the merge strategy to use when more than one range exists. |
setNumHeaders(headers) | EmbeddedChartBuilder | Sets the number of rows or columns of the range that should be treated as headers. |
setOption(option, value) | EmbeddedChartBuilder | Sets advanced options for this chart. |
setPosition(anchorRowPos, anchorColPos, offsetX, offsetY) | EmbeddedChartBuilder | Sets the position, changing where the chart appears on the sheet. |
setTitle(chartTitle) | EmbeddedPieChartBuilder | Sets the title of the chart. |
setTitleTextStyle(textStyle) | EmbeddedPieChartBuilder | Sets the text style of the chart title. |
setTransposeRowsAndColumns(transpose) | EmbeddedChartBuilder | Sets whether the chart's rows and columns are transposed. |
Detailed documentation
addRange(range)
Adds a range to the chart this builder modifies. Does not add the range if it has already been added to the chart.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(sheet.getRange('A1:B8')) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
range | Range | The range to add. |
Return
EmbeddedChartBuilder
— this builder, for chaining
asAreaChart()
Sets the chart type to AreaChart and returns an EmbeddedAreaChartBuilder
.
Return
EmbeddedAreaChartBuilder
— a builder for an area chart
asBarChart()
Sets the chart type to BarChart and returns an EmbeddedBarChartBuilder
.
Return
EmbeddedBarChartBuilder
— a builder for a bar chart
asColumnChart()
Sets the chart type to ColumnChart and returns an EmbeddedColumnChartBuilder
.
Return
EmbeddedColumnChartBuilder
— a builder for a column chart
asComboChart()
Sets the chart type to ComboChart and returns an EmbeddedComboChartBuilder
.
Return
EmbeddedComboChartBuilder
— a builder for a combo chart
asHistogramChart()
Sets the chart type to HistogramChart and returns an EmbeddedHistogramChartBuilder
.
Return
EmbeddedHistogramChartBuilder
— a builder for a histogram chart
asLineChart()
Sets the chart type to LineChart and returns an EmbeddedLineChartBuilder
.
Return
EmbeddedLineChartBuilder
— a builder for a line chart
asPieChart()
Sets the chart type to PieChart and returns an EmbeddedPieChartBuilder
.
Return
EmbeddedPieChartBuilder
— a builder for a pie chart
asScatterChart()
Sets the chart type to ScatterChart and returns an EmbeddedScatterChartBuilder
.
Return
EmbeddedScatterChartBuilder
— a builder for a scatter chart
asTableChart()
Sets the chart type to TableChart and returns an EmbeddedTableChartBuilder
.
Return
EmbeddedTableChartBuilder
— a builder for a table chart
build()
Builds the chart to reflect all changes made to it.
This method does not automatically draw the chart on top of the spreadsheet. A new chart
must be inserted via sheet.insertChart(chart)
, and an existing chart should be updated
via sheet.updateChart(chart)
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Return
EmbeddedChart
— the created chart, which must still be added to the spreadsheet
clearRanges()
Removes all ranges from the chart this builder modifies.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; // This code updates the chart to use only the new ranges while preserving the // existing formatting of the chart. const chart = sheet.getCharts()[0]; const newChart = chart.modify() .clearRanges() .addRange(sheet.getRange('A1:A5')) .addRange(sheet.getRange('B1:B5')) .build(); sheet.updateChart(newChart);
Return
EmbeddedChartBuilder
— this builder, for chaining
getChartType()
getContainer()
Return the chart ContainerInfo
, which encapsulates where the chart appears on the
sheet.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const chartBuilder = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(sheet.getRange('A1:B8')) .setPosition(5, 5, 0, 0); // This method returns the exact same data as Chart#getContainerInfo() const containerInfo = chartBuilder.getContainer(); // Logs the values used in setPosition() Logger.log( 'Anchor Column: %s\r\nAnchor Row %s\r\nOffset X %s\r\nOffset Y %s', containerInfo.getAnchorColumn(), containerInfo.getAnchorRow(), containerInfo.getOffsetX(), containerInfo.getOffsetY(), );
Return
ContainerInfo
— an object containing the chart container's position
getRanges()
Returns a copy of the list of ranges currently providing data for this chart. Use addRange(range)
and removeRange(range)
to modify this list.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const chartBuilder = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(sheet.getRange('A1:B8')) .setPosition(5, 5, 0, 0); const ranges = chartBuilder.getRanges(); // There's only one range as a data source for this chart, // so this logs "A1:B8" for (const i in ranges) { const range = ranges[i]; Logger.log(range.getA1Notation()); }
Return
Range[]
— an array of ranges that serve as the chart to be built's data source
removeRange(range)
Removes the specified range from the chart this builder modifies. Does not throw an error if the range is not in this chart.
The range removed must match up with a range added via addRange(range)
;
otherwise no change is made to the chart. This method cannot be used to partially remove values
from a range.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const firstRange = sheet.getRange('A1:B5'); const secondRange = sheet.getRange('A6:B8'); const chartBuilder = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(firstRange) // This range will render in a different color .addRange(secondRange) .setPosition(5, 5, 0, 0); // Note that you can use either of these two formats, but the range // MUST match up with a range that was added via addRange(), or it // will not be removed, and will not throw an exception chartBuilder.removeRange(firstRange); chartBuilder.removeRange(sheet.getRange('A6:B8')); const chart = chartBuilder.build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
range | Range | The range to remove. |
Return
EmbeddedChartBuilder
— this builder, for chaining
reverseCategories()
Reverses the drawing of series in the domain axis. For vertical-range charts (such as line, area or column charts), this means the horizontal axis is drawn from right to left. For horizontal-range charts (such as bar charts), this means the vertical axis is drawn from top to bottom. For pie charts, this means the slices are drawn counterclockwise.
// Creates a pie chart builder and sets drawing of the slices in a // counter-clockwise manner. const builder = Charts.newPieChart(); builder.reverseCategories();
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
set3D()
Sets the chart to be three-dimensional.
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
setBackgroundColor(cssValue)
Sets the background color for the chart.
// Creates a line chart builder and sets the background color to gray const builder = Charts.newLineChart(); builder.setBackgroundColor('gray');
Parameters
Name | Type | Description |
---|---|---|
cssValue | String | The CSS value for the color (such as "blue" or "#00f" ). |
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
setChartType(type)
Changes the type of chart. Not all embedded chart types are currently supported. See ChartType
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
type | ChartType | The type to change this chart into. |
Return
EmbeddedChartBuilder
— this builder, for chaining
setColors(cssValues)
Sets the colors for the lines in the chart.
// Creates a line chart builder and sets the first two lines to be drawn in // green and red, respectively. const builder = Charts.newLineChart(); builder.setColors(['green', 'red']);
Parameters
Name | Type | Description |
---|---|---|
cssValues | String[] | An array of color CSS values, such as ["red", "#acf"] . The nth element
in the array represents the color of the nth line in the chart. |
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
setHiddenDimensionStrategy(strategy)
Sets the strategy to use for hidden rows and columns. Defaults to IGNORE_ROWS
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setHiddenDimensionStrategy( Charts.ChartHiddenDimensionStrategy.IGNORE_COLUMNS, ) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
strategy | ChartHiddenDimensionStrategy | The strategy to use for hidden rows and columns. |
Return
EmbeddedChartBuilder
— this builder, for chaining
setLegendPosition(position)
Sets the position of the legend with respect to the chart. By default, there is no legend.
// Creates a line chart builder and sets the legend position to right. const builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
Parameters
Name | Type | Description |
---|---|---|
position | Position | The position of the legend. |
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
setLegendTextStyle(textStyle)
Sets the text style of the chart legend.
// Creates a line chart builder and sets it up for a blue, 26-point legend. const textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); const style = textStyleBuilder.build(); const builder = Charts.newLineChart(); builder.setLegendTextStyle(style);
Parameters
Name | Type | Description |
---|---|---|
textStyle | TextStyle | The text style to use for the chart legend. |
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
setMergeStrategy(mergeStrategy)
Sets the merge strategy to use when more than one range exists. If MERGE_ROWS
, rows are merged; if MERGE_COLUMNS
, columns are merged. Defaults to MERGE_COLUMNS
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B10'); const range2 = sheet.getRange('C:C10'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .addRange(range2) .setMergeStrategy(Charts.ChartMergeStrategy.MERGE_ROWS) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
mergeStrategy | ChartMergeStrategy | The merge strategy to use. |
Return
EmbeddedChartBuilder
— this builder, for chaining
setNumHeaders(headers)
Sets the number of rows or columns of the range that should be treated as headers.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setNumHeaders(1) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
headers | Integer | The number of rows or columns to treat as headers. Negative values cause headers to be auto-detected. |
Return
EmbeddedChartBuilder
— this builder, for chaining
setOption(option, value)
Sets advanced options for this chart. To view a list of the available options, see Chart configuration options.
This method doesn't validate the option you specify is valid for this chart type nor if the value is of the correct format/structure.
This example shows how to change the title and set a legend.
const spreadsheet = SpreadsheetApp.getActiveSpreadsheet(); const sheet = spreadsheet.getSheets()[0]; const chart = sheet.newChart() .setOption('title', 'Earnings projections') .setOption('legend', { position: 'top', textStyle: { color: 'blue', fontSize: 16 }, }).build();
Parameters
Name | Type | Description |
---|---|---|
option | String | The name of the option. |
value | Object | The value of the option. |
Return
EmbeddedChartBuilder
— This builder, for chaining.
setPosition(anchorRowPos, anchorColPos, offsetX, offsetY)
Sets the position, changing where the chart appears on the sheet. anchorRowPos
and
anchorColPos
are 1-indexed.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
anchorRowPos | Integer | The chart's top side is anchored in this row. |
anchorColPos | Integer | The chart's left side is anchored in this column. |
offsetX | Integer | The chart's upper right-hand corner is offset by this many pixels. |
offsetY | Integer | The chart's lower left-hand corner is offset by this many pixels. |
Return
EmbeddedChartBuilder
— this builder, for chaining
setTitle(chartTitle)
Sets the title of the chart. The title is displayed centered above the chart.
// Creates a line chart builder and title to 'My Line Chart'. const builder = Charts.newLineChart(); builder.setTitle('My Line Chart');
Parameters
Name | Type | Description |
---|---|---|
chartTitle | String | the chart title. |
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
setTitleTextStyle(textStyle)
Sets the text style of the chart title.
// Creates a line chart builder and sets it up for a blue, 26-point title. const textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); const style = textStyleBuilder.build(); const builder = Charts.newLineChart(); builder.setTitleTextStyle(style);
Parameters
Name | Type | Description |
---|---|---|
textStyle | TextStyle | The text style to use for the chart title. You can create a TextStyleBuilder object by calling Charts.newTextStyle() . |
Return
EmbeddedPieChartBuilder
— This builder, useful for chaining.
setTransposeRowsAndColumns(transpose)
Sets whether the chart's rows and columns are transposed. If set to true
, the rows and
columns are switched. Defaults to false
.
const ss = SpreadsheetApp.getActiveSpreadsheet(); const sheet = ss.getSheets()[0]; const range = sheet.getRange('A1:B5'); const chart = sheet.newChart() .setChartType(Charts.ChartType.BAR) .addRange(range) .setTransposeRowsAndColumns(true) .setPosition(5, 5, 0, 0) .build(); sheet.insertChart(chart);
Parameters
Name | Type | Description |
---|---|---|
transpose | Boolean | If true , the rows and columns used to construct the chart are
transposed. |
Return
EmbeddedChartBuilder
— this builder, for chaining