Google Apps腳本 - 圖表服務：表格大小，列格式

Question

我使用Google圖表服務爲我的網絡應用在Google Apps腳本中創建表格。
現在我有2個問題：

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頁。有兩種方法可以更改圖表寬度和高度。第一個是使用TableChartBuilder類的setDimensions方法。這種方法的缺點是不可能在頁面寬度/高度百分比中設置寬度/高度。第二種方法是使用同一類的setOption方法。這種方法沒有缺點。以下代碼演示了它。

關於第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; 
}