Announcement: All noncommercial projects registered to use Earth Engine before
April 15, 2025 must
verify noncommercial eligibility to maintain Earth Engine access.
ui.Chart.setChartType
Stay organized with collections
Save and categorize content based on your preferences.
Sets the chartType of this chart.
Returns this chart.
| Usage | Returns | Chart.setChartType(chartType) | ui.Chart |
| Argument | Type | Details | this: ui.chart | ui.Chart | The ui.Chart instance. |
chartType | String | The chart type; e.g 'ScatterChart', 'LineChart', and 'ColumnChart'. For the complete list of charts, see: https://developers.google.com/chart/interactive/docs/gallery |
Examples
Code Editor (JavaScript)
// A data table of population for selected states.
var dataTable = [
[{role: 'domain', label: 'State'}, {role: 'data', label: 'Population'}],
['CA', 37253956],
['NY', 19378102],
['IL', 12830632],
['MI', 9883640],
['OR', 3831074],
];
// Chart the data using accepted chart types.
print('Scatter chart', ui.Chart(dataTable).setChartType('ScatterChart'));
print('Line chart', ui.Chart(dataTable).setChartType('LineChart'));
print('Column chart', ui.Chart(dataTable).setChartType('ColumnChart'));
print('Bar chart', ui.Chart(dataTable).setChartType('BarChart'));
print('Pie chart', ui.Chart(dataTable).setChartType('PieChart'));
print('Area chart', ui.Chart(dataTable).setChartType('AreaChart'));
print('Table', ui.Chart(dataTable).setChartType('Table'));
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2023-10-06 UTC.
[null,null,["Last updated 2023-10-06 UTC."],[[["\u003cp\u003e\u003ccode\u003esetChartType\u003c/code\u003e defines the visual representation of data in a ui.Chart, such as 'ScatterChart', 'LineChart', or 'ColumnChart'.\u003c/p\u003e\n"],["\u003cp\u003eThis function is called on a ui.Chart instance and takes a string argument representing the desired chart type.\u003c/p\u003e\n"],["\u003cp\u003eCalling \u003ccode\u003esetChartType\u003c/code\u003e returns the modified ui.Chart, enabling method chaining for further customization.\u003c/p\u003e\n"],["\u003cp\u003eA comprehensive list of supported chart types is available in the Google Charts documentation (linked in the details).\u003c/p\u003e\n"],["\u003cp\u003eThe provided examples demonstrate how to apply different chart types to a data table using \u003ccode\u003esetChartType\u003c/code\u003e.\u003c/p\u003e\n"]]],["The `setChartType` method sets the type of a `ui.Chart` instance and returns the modified chart. It accepts a string argument (`chartType`) that specifies the desired chart type, such as 'ScatterChart', 'LineChart', or 'ColumnChart'. A data table is used to exemplify different chart types. Various chart examples include scatter, line, column, bar, pie, area and tables, and the complete list of chart types is found in the provided url.\n"],null,["# ui.Chart.setChartType\n\n\u003cbr /\u003e\n\nSets the chartType of this chart.\n\n\u003cbr /\u003e\n\nReturns this chart.\n\n| Usage | Returns |\n|---------------------------------|----------|\n| Chart.setChartType`(chartType)` | ui.Chart |\n\n| Argument | Type | Details |\n|------------------|----------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| this: `ui.chart` | ui.Chart | The ui.Chart instance. |\n| `chartType` | String | The chart type; e.g 'ScatterChart', 'LineChart', and 'ColumnChart'. For the complete list of charts, see: https://developers.google.com/chart/interactive/docs/gallery |\n\nExamples\n--------\n\n### Code Editor (JavaScript)\n\n```javascript\n// A data table of population for selected states.\nvar dataTable = [\n [{role: 'domain', label: 'State'}, {role: 'data', label: 'Population'}],\n ['CA', 37253956],\n ['NY', 19378102],\n ['IL', 12830632],\n ['MI', 9883640],\n ['OR', 3831074],\n];\n\n// Chart the data using accepted chart types.\nprint('Scatter chart', ui.Chart(dataTable).setChartType('ScatterChart'));\nprint('Line chart', ui.Chart(dataTable).setChartType('LineChart'));\nprint('Column chart', ui.Chart(dataTable).setChartType('ColumnChart'));\nprint('Bar chart', ui.Chart(dataTable).setChartType('BarChart'));\nprint('Pie chart', ui.Chart(dataTable).setChartType('PieChart'));\nprint('Area chart', ui.Chart(dataTable).setChartType('AreaChart'));\nprint('Table', ui.Chart(dataTable).setChartType('Table'));\n```"]]