使用Google App腳本自定義Google Bar Chart

我目前在使用Google App腳本配置簡單圖形時遇到了一些問題。我似乎無法找到正確的文檔，以進一步發展！使用Google App腳本自定義Google Bar Chart

我把所有東西連接起來，從一些電子表格中提取數據，所以這方面很好！

我看到有以自定義圖表的外觀不同的方式和有可用的工具，例如：

http://imagecharteditor.appspot.com/

http://code.google.com/apis/ajax/playground/?type=visualization

我要的顏色添加到我的酒吧圖表像在本例中

甲通常在第一個鏈接中可以使用範圍標記工具創建部分。我希望通過這些工具，我可以將代碼複製到我的App Script Chart中。

我可以看到這個工作的唯一方法是使用.setOption

我已經試過這（字符串，對象）...

var data = Charts.newDataTable() 
     .addColumn(Charts.ColumnType.STRING, 'Month')  
     .addColumn(Charts.ColumnType.NUMBER, 'Mark Achieved') 
    for(var x=0; x < ChartData.length;x++){ 
     data.addRow(ChartData[x]);   
    }  
    data.build(); 

    var chart = Charts.newColumnChart() 
     .setDataTable(data)  
     .setDimensions(1000, 600)  
     .setRange(0, 100) 
     .setTitle('Test Scores') 
     .setLegendPosition(Charts.Position.BOTTOM) 
     .setOption('options',{cht: 'bvs', chco: 'A2C180,3D7930', max: 100})  
     .build();   
    app.add(chart);

任何幫助，將不勝感激！

編輯

My Graph example

來源

2013-07-24 Treemonkey

您要使用的選項適用於靜態圖像圖表（這是現在已經過時），並且不會與ColumnCharts工作。 ColumnCharts是通過一系列的顏色而不是數據點，所以如果你想要多色條，你必須將它們分成不同的數據系列。我寫了一個這樣做的黑客（請參閱標準JavaScript版本的jsfiddle）。我閱讀可視化API的AppsScript實現似乎排除了在DataViews中使用計算列，但可能在這裏文檔不完整。嘗試建立這樣一個觀點：

// add one calculated column for each month 
var dataViewDefinition = Charts.newDataViewDefinition().setColumns([0, { 
    type: Charts.ColumnType.NUMBER, 
    label: 'Mark Achieved', 
    calc: function (dt, row) { 
     if (dt.getValue(row, 0) == 'January') ? dt.getValue(row, 1) : null; 
    } 
}, { 
    type: Charts.ColumnType.NUMBER, 
    label: 'Mark Achieved', 
    calc: function (dt, row) { 
     if (dt.getValue(row, 0) == 'February') ? dt.getValue(row, 1) : null; 
    } 
}/*...*/]);

這是可能的，這需要進行調整，並可能不會在所有的工作，在這種情況下，你就必須要麼改變電子表格的查詢或重新安排電子表格的結構。

只要將範圍添加到圖表中，您是否可以更詳細地說明您希望看起來像什麼？

來源

2013-07-24 17:03:08 asgallant

我現在有一種工作方式，我將數據添加爲每個數據點的一行和一列，我想這與您所做的相似！謝謝您的幫助！現在用於陰影區域。圖表是用於分級的，所以我想遮蔽三個面積在60以上的區域，其代表不同的分級帶例子60-70通過70-85好85-100優秀 - 事實上，我將添加圖片來說明。 – Treemonkey

你在找這樣的事嗎？ http://jsfiddle.net/asgallant/apH2B/ – asgallant

是的，這幾乎是它！我會深入研究並讓你知道我是怎麼做的！乾杯 – Treemonkey

使用Google App腳本自定義Google Bar Chart

回答

相關問題