2015-12-29 42 views
1

我正在創建一個簡單的圖表,以瞭解Google Apps腳本的圖表服務的工作原理。到目前爲止,這裏是我已經完成:圖表服務:如何按系列選擇顯示

Spreadsheet

The chart

驗證碼:

function doGet() { 
    var ss = SpreadsheetApp.openByUrl("https://docs.google.com/spreadsheets/d/1x9g2N5gFCAeU6DkS-BYiB6womhsNfT3kPH2L22ZI3iM/edit#gid=973420299"); 
    var sheetDados = ss.getSheetByName("Receita e Investimento"); 
    var lastLine = sheetDados.getLastRow(); 
    var dataTableValeus = sheetDados.getRange(16, 1, lastLine, 3).getValues(); 



    var data = Charts.newDataTable() 
     .addColumn(Charts.ColumnType.DATE, "Data") 
     .addColumn(Charts.ColumnType.NUMBER, "Cost") 
     .addColumn(Charts.ColumnType.NUMBER, "Revenue"); 

    for(var linha = 0, len = dataTableValeus.length; linha < len; linha++){ 
    if (dataTableValeus[linha][0] != ""){ 
     data.addRow(dataTableValeus[linha]); 
    } 
    } 

    data.build(); 


    var chart = Charts.newAreaChart() 
     .setTitle("Revenue and Cost") 
     .setDataTable(data) 
     .setOption("vAxis.format", "currency") 
     .setOption("hAxis.format", "d/MMM/yyyy") 
     .setOption("legend.position", "top") 
     .setOption("selectionMode", "multiple") 
     .setOption("tooltip.trigger", "selection") 
     .setOption("aggregationTarget", "series") 
     .setDimensions(600, 300) 
     .build(); 


    var dashboard = Charts.newDashboardPanel() 
     .setDataTable(data) 
     .build(); 


    var uiApp = UiApp.createApplication(); 

    dashboard.add(uiApp.createVerticalPanel() 
       .add(uiApp.createHorizontalPanel() 
        .add(chart) 
        .setSpacing(10))); 

    uiApp.add(dashboard); 
    return uiApp; 
} 

我想找到一種方法,在儀表板,這系列似乎選擇在圖表中。我嘗試過濾器,但它不起作用。

我的問題是不顯示一個或另一個,甚至兩個。我的問題是最終用戶能夠選擇要查看的系列。我會像篩選器那樣工作,他會選擇在圖表中看到一個系列,另一個或兩者。

在我的示例中,我想選擇圖表是否僅顯示「成本」,僅顯示「收入」或兩者。

回答

1

您可以使用dataViewDefinition而不是dataTable

顯示成本...

.setDataViewDefinition({'columns': [0, 1]})

收入...

.setDataViewDefinition({'columns': [0, 2]})

+0

希望這有助於... – WhiteHat

+0

對不起......我沒有具體的在我的問題。 ..我編輯它更加精確。 – user3347814

+0

你必須使用apps-script嗎?使用[Google Charts](https://developers.google.com/chart/)會更容易 - 您需要根據用戶選擇重新繪製圖表 - 是否公佈了所有代碼? – WhiteHat

相關問題