ui.Chart.setChartType
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Đặt chartType của biểu đồ này.
Trả về biểu đồ này.
| Cách sử dụng | Giá trị trả về |
|---|
Chart.setChartType(chartType) | ui.Chart |
| Đối số | Loại | Thông tin chi tiết |
|---|
this: ui.chart | ui.Chart | Thực thể ui.Chart. |
chartType | Chuỗi | Loại biểu đồ; ví dụ: "ScatterChart", "LineChart" và "ColumnChart". Để xem danh sách đầy đủ các biểu đồ, hãy truy cập: https://developers.google.com/chart/interactive/docs/gallery |
Ví dụ
Trình soạn thảo mã (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'));
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-26 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2025-07-26 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```"]]
