google-apps-script - Google Apps 脚本 - 图表服务 : table size, 列格式

Question

我使用 Google Chart 服务在 Google Apps 脚本中为我的网络应用程序创建一个表。
现在我有两个问题:

1. 当我添加更多的行和列时，列的宽度会越来越小，直到出现滚动条为止。我添加了一个代码示例。我可以更改/增加图表的(最大)显示大小，以便没有滚动条吗？

2. 我需要一个右对齐的字符串列。对于字符串列，默认值是左对齐。我怎样才能改变这个？是否有更多选项可以修改表格的格式(文字大小、颜色、粗体等)？

   function doGet() {
   var app = UiApp.createApplication();
   
   var data = Charts.newDataTable()
   .addColumn(Charts.ColumnType.STRING, "Name")
   .addColumn(Charts.ColumnType.STRING, "Gender")
   .addColumn(Charts.ColumnType.NUMBER, "Age")
   .addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
   .addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
   .addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
   .addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
   .addRow(["Michael", "Male", 12, 5])
   .addRow(["Michael", "Male", 12, 5])
   .addRow(["Elisa", "Female", 20, 7])
   .addRow(["Robert", "Male", 7, 3])
   .addRow(["John", "Male", 54, 2])
   .addRow(["Jessica", "Female", 22, 6])
   .addRow(["Aaron", "Male", 3, 1])
   .addRow(["Margareth", "Female", 42, 8])
   .addRow(["Miranda", "Female", 33, 6])
   .addRow(["Miranda", "Female", 33, 6])
   .addRow(["Miranda", "Female", 33, 6])
   .addRow(["Miranda", "Female", 33, 6])
   .addRow(["Miranda", "Female", 33, 6])
   .addRow(["Miranda", "Female", 33, 6])
   .build();
   
   var tableChart = Charts.newTableChart().setDataTable(data)
   .build();
   
   app.add(tableChart);
   
   return app;
   }
   

Answer 1

关于第 1 页。 有两种方法可以更改图表的宽度和高度。第一个是使用 setDimensions TableChartBuilder 类的方法。这种方法的缺点是无法在页面宽/高百分比中设置宽/高。第二种方法是使用 setOption同一类的方法。这种方法没有缺点。以下代码对此进行了演示。

关于 p.2。 不幸的是，现在无法对齐表格图表的列。据我所知，甚至不可能对齐 GWT Table 的列这是在表图表的引擎盖下。您可以在 GAS issue tracker 上自由创建功能请求关于这个不足。

function doGet() {
var app = UiApp.createApplication();

var data = Charts.newDataTable()
.addColumn(Charts.ColumnType.STRING, "Name")
.addColumn(Charts.ColumnType.STRING, "Gender")
.addColumn(Charts.ColumnType.NUMBER, "Age")
.addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
.addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
.addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
.addColumn(Charts.ColumnType.NUMBER, "Donuts eaten")
.addRow(["Michael", "Male", 12, 5])
.addRow(["Michael", "Male", 12, 5])
.addRow(["Elisa", "Female", 20, 7])
.addRow(["Robert", "Male", 7, 3])
.addRow(["John", "Male", 54, 2])
.addRow(["Jessica", "Female", 22, 6])
.addRow(["Aaron", "Male", 3, 1])
.addRow(["Margareth", "Female", 42, 8])
.addRow(["Miranda", "Female", 33, 6])
.addRow(["Miranda", "Female", 33, 6])
.addRow(["Miranda", "Female", 33, 6])
.addRow(["Miranda", "Female", 33, 6])
.addRow(["Miranda", "Female", 33, 6])
.addRow(["Miranda", "Female", 33, 6])
.build();

var tableChart = Charts.newTableChart().setDataTable(data);

//tableChart.setDimensions(1200, 100); // Uncomment this line if you wish to set dimentions in pixels.
tableChart.setOption('width', '100%');
tableChart.setOption('height', '100%');  


app.add(tableChart.build());

return app;
}