ui.Chart.setChartType
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ตั้งค่า chartType ของแผนภูมินี้
แสดงแผนภูมินี้
| การใช้งาน | การคืนสินค้า |
|---|
Chart.setChartType(chartType) | ui.Chart |
| อาร์กิวเมนต์ | ประเภท | รายละเอียด |
|---|
ดังนี้ ui.chart | ui.Chart | อินสแตนซ์ ui.Chart |
chartType | สตริง | ประเภทแผนภูมิ เช่น "ScatterChart", "LineChart" และ "ColumnChart" ดูรายการแผนภูมิทั้งหมดได้ที่ https://developers.google.com/chart/interactive/docs/gallery |
ตัวอย่าง
โปรแกรมแก้ไขโค้ด (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'));
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-26 UTC
[null,null,["อัปเดตล่าสุด 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```"]]
