【Day 29】Google Apps Script - 延伸篇 - Google sites 协作平台与 Charts Service 图表绘制服务

Google sites 协作平台可以用在小组专案管理，使用 Google Apps Script 运用 Charts Service 来制作图表，嵌入到协作平台，丰富平台的数据展示。

今日要点：
》Google sites 协作平台介绍
》Charts Service 介绍
》使用 Charts Service 制作面积图
》部署网页应用程序
》协作平台嵌入网页内容
》发布协作平台

Google sites 协作平台介绍

Google sites 协作平台能够让你很快速的建立一个团队为导向的网站，而且几乎云端硬碟的档案都很容易的可以放到协会平台上去。今天我们示范一下使用 Google Apps Script 运用 Charts Service 来制作一个图表，并且在协作平台上嵌入这张图表来丰富平台的数据展示。点这里可以看到最後的呈现效果，可以先赌为快。

协作平台可以在云端硬碟上新增，如下图所示：

Charts Service 介绍

Charts Service 允许我们在 Google Apps Script 使用 Google Charts API 创建图表并在 Web 浏览器中呈现图表。我们试着创建一个基本数据表，使用数据画出面积图，并将图像加到html的img标签後，内嵌到协作平台网页中：

使用 Charts Service 制作面积图

我们先使用手册上 Charts Service 示范的程序码来改写一下，快速的产生一张面积图来使用。

部署网页应用程序

写好後，我们新增部署，选择网页应用程序，发布後就可以让外部呼叫到。细节可以参考【Day 9】部署网页应用程序与触发doGet(e)测试。

协作平台嵌入网页内容

我们先简单设计一下协作平台的内容，新增一个【Day 29】页面，在这个页面点选右侧插入元素面版的内嵌

贴上刚刚 Google Apps Script 发布的网址

调整一下面积图的大小与位置

发布协作平台

再来就可以把协作平台发布出去罗，点选右上的发布，输入在网址 https://sites.google.com/view/ 後的网站名称 jason-2021-ironman。

下图是发布後的样子，点这里可以看到实际协作平台的网页。

以上就是使用 Google Apps Script 运用 Charts Service 来制作面积图，嵌入到 Google 协作平台，丰富协作平台的数据展示介绍罗。

参考

• Charts Service
• Google 协作平台入门指南
• 今天的协作平台示范网站