Charts Service
图表
借助此服务,用户可以使用 Google 图表工具创建图表,并在服务器端呈现这些图表。如果您想在网络浏览器中渲染图表,请改用 Google Charts API。
以下示例创建了一个基本的数据表格,并使用数据填充了面积图,然后将其作为图片添加到网页中:
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;
}
类
属性
属性 | 类型 | 说明 |
IGNORE_BOTH | Enum | 默认;图表会跳过所有隐藏的列和隐藏的行。 |
IGNORE_ROWS | Enum | 图表仅会跳过隐藏的行。 |
IGNORE_COLUMNS | Enum | 图表仅会跳过隐藏的列。 |
SHOW_BOTH | Enum | 图表不会跳过隐藏的列或隐藏的行。 |
属性
属性 | 类型 | 说明 |
MERGE_COLUMNS | Enum | 默认。 |
MERGE_ROWS | Enum | 图表会合并多个范围的行。 |
属性
属性 | 类型 | 说明 |
TIMELINE | Enum | 时间表图。 |
AREA | Enum | 面积图 |
BAR | Enum | 条形图 |
BUBBLE | Enum | 气泡图。 |
CANDLESTICK | Enum | K 线图。 |
COLUMN | Enum | 柱形图 |
COMBO | Enum | 组合图表 |
GAUGE | Enum | 刻度盘图。 |
GEO | Enum | 地理图表。 |
HISTOGRAM | Enum | 直方图 |
RADAR | Enum | 雷达图。 |
LINE | Enum | 折线图 |
ORG | Enum | 组织结构图。 |
PIE | Enum | 饼图 |
SCATTER | Enum | 散点图 |
SPARKLINE | Enum | 火花谱线图。 |
STEPPED_AREA | Enum | 阶梯面积图。 |
TABLE | Enum | 表格图表 |
TREEMAP | Enum | 树状图。 |
WATERFALL | Enum | 瀑布图。 |
属性
属性 | 类型 | 说明 |
DATE | Enum | 对应于日期值。 |
NUMBER | Enum | 对应于数值。 |
STRING | Enum | 对应于字符串值。 |
属性
属性 | 类型 | 说明 |
NORMAL | Enum | 不含曲线的直线。 |
SMOOTH | Enum | 线条的角度会被平滑处理。 |
属性
属性 | 类型 | 说明 |
EXACT | Enum | 仅匹配完全匹配的值 |
PREFIX | Enum | 从值开头匹配前缀 |
ANY | Enum | 匹配任何子字符串 |
方法
方法 | 返回类型 | 简介 |
getName() | String | 返回要在选项 JSON 中使用的匹配类型的名称。 |
属性
属性 | 类型 | 说明 |
HORIZONTAL | Enum | 横向。 |
VERTICAL | Enum | 竖屏。 |
属性
属性 | 类型 | 说明 |
ASIDE | Enum | 所选值会显示在值选择器微件旁边的一行文本中。 |
BELOW | Enum | 所选值会显示在微件下方的单行文本中。 |
BELOW_WRAPPING | Enum | 与下方类似,但无法在选择器中显示的条目会换行显示。 |
BELOW_STACKED | Enum | 所选值会显示在微件下方的列中。 |
属性
属性 | 类型 | 说明 |
NONE | Enum | 不显示线条点。 |
TINY | Enum | 使用细小的线条点。 |
MEDIUM | Enum | 使用中等大小的线条点。 |
LARGE | Enum | 使用较大的线条点。 |
HUGE | Enum | 使用尺寸最大的线条点。 |
属性
属性 | 类型 | 说明 |
TOP | Enum | 图表上方。 |
RIGHT | Enum | 图表右侧。 |
BOTTOM | Enum | 图表下方。 |
NONE | Enum | 系统不会显示图例。 |
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-12-06。
[null,null,["最后更新时间 (UTC):2024-12-06。"],[[["The Google Apps Script Charts Service enables server-side rendering of charts using Google Charts Tools, offering an alternative to the client-side Google Charts API."],["Charts are built using a structured process involving data table creation, chart construction with specific configurations like type, data source, and styling, and HTML output generation for display."],["The Charts Service provides a range of chart types, including AreaChart, BarChart, ColumnChart, LineChart, PieChart, ScatterChart, and TableChart, each with corresponding builder classes for customization."],["Comprehensive documentation details various classes and methods for data manipulation, visual styling, axes configuration, and interactive element creation, empowering developers to tailor charts to their needs."],["Developers can leverage methods from ScatterChartBuilder, StringFilterBuilder, TableChartBuilder, TextStyle, and TextStyleBuilder to fine-tune chart axes, filtering, table layouts, and text styles, enhancing chart customization and functionality."]]],[]]