Question

这可能看起来像一个懒惰的问题，但如果我要链接我阅读的所有文档以及我通过此搜索的旧SO帖子将很快变成非常非常长的帖子。

我遇到的一个简单问题是'如何在使用嵌入Google网站的UiApp显示的图表服务创建的图表中自定义系列颜色/工具提示？'

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

我在下面列出了我的图表创建代码示例：

...

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

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

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

另外，.setOption允许您通过Visualization API（图例，标题，轴，hAxis，vAxis，focusTarget等）设置许多可用的属性。但是，我希望您可以将角色分配给DataTable列。

UiApp - 图表与可视化API

1 个答案: