UiApp - 图表与。可视化 API

Question

这似乎是一个懒惰的问题，但如果我要链接我已阅读的所有文档以及我浏览过的旧 SO 帖子，很快就会变成一个非常非常长的帖子。

我遇到的简单问题是“如何在使用图表服务创建的图表中自定义系列颜色/工具提示，该图表通过嵌入在 Google 站点中的 UiApp 显示？”

我知道这是easily achievable using the Visualization API，但除非我错过了关键点，否则无法将可视化 API 库与 UiApp 一起使用？相比之下，Charts Service 的功能似乎极为有限。

我在下面包含了我的图表创建代码的示例：

...

var sampleData = Charts.newDataTable()
   .addColumn(Charts.ColumnType.STRING, "Subject")
   .addColumn(Charts.ColumnType.NUMBER, "Target")
   //.addColumn(Charts.ColumnType.STRING, {role: 'tooltip'})
   .addColumn(Charts.ColumnType.NUMBER, "Level")
   .addRow([subjectArray[0], 10, /*'custom tooltip',*/ 9])
   .addRow([subjectArray[1], 11, 9]) 
   .build();

var chart = Charts.newColumnChart()
   .setTitle('KS3 target vs. level')
   .setXAxisTitle('Subject')
   .setYAxisTitle('Grade')
   .setDimensions(1200, 500)
   .setDataTable(sampleData)
   .build();  

return UiApp.createApplication().add(chart);

Answer 1

您说得对，图表服务是可视化 API 的一个非常有限的子集。如果我正确理解您的问题，请在图表上的.build() 之前添加.setColors(array_of_colors)。

array_of_colors 应该是一个十六进制颜色数组。

顺便说一句，.setOption 允许您通过 Visualization API 设置许多可用的属性（图例、标题、轴、hAxis、vAxis、focusTarget 等）。不过，我希望您可以为 DataTable 列分配角色。