Google 시각화 차트를 스프레드 시트에 포함하는 방법

Question

지난 며칠 동안 Google 시각화를보고 있었으며 하나의 웹 페이지 또는 스프레드 시트에서 내장형 삽입 -> 차트 작성자를 사용하여 작업하는 데 성공했습니다. 하지만 자바 스크립트를 직접 편집 할 때이 데이터를 Google 스프레드 시트에서 볼 수 있어야합니다. 나는 애플 리케이션 스크립트를 조사해 보았고, 완전히 다른 웹 페이지로 나를 보내는 애플리케이션으로 퍼블리싱함으로써 작동하도록 만들 수있다.

같은 또는

Google 문서 나 스프레드 시트에

function drawVisualization() { 
    // Create and populate the data table. 
    var data = google.visualization.arrayToDataTable([ 
     ['Region', 'count'], 
     ['West', 8000], 
     ['South', 7272], 
     ['Northeast', 5333], 
     ['Midwest', 4444], 
     ['Southwest', 5714] 
    ]); 

    // Create and draw the visualization. 
    new google.visualization.PieChart(document.getElementById('visualization')). 
     draw(data, {title:"Sales Per Region"}); 
    } 

으로 지원되지 않습니다 자바 스크립트 난 그냥 내 사용자 지정을 포함 할 수있는 방법이 있습니까?

Answer 1

당신은 당신은

DocumentApp.getUi().showSidebar(UiApp.createApplication().add(chart)) 

에 마지막 줄을 교체하는 데 필요한 Charts Services를 사용하여 문서에 쇼 당신의는, PieChart

function getChart(dataTable){ 
    var chartBuilder = Charts.newPieChart() 
     .setTitle('Sales Per Region') 
     .setDimensions(600, 500) 
     .set3D() 
     .setDataTable(dataTable); 

    return chartBuilder.build(); 
} 

function showChart(){ 
    var dataTable = Charts.newDataTable() 
     .addColumn(Charts.ColumnType.STRING, "Region") 
     .addColumn(Charts.ColumnType.NUMBER, "Count") 
     .addRow(['West', 8000]) 
     .addRow(['South', 7272]) 
     .addRow(['Northeast', 5333]) 
     .addRow(['Midwest', 4444]) 
     .addRow(['Southwest', 5714]) 
     .build(); 

    var chart = getChart(dataTable) 

    //insert into the spreadsheet 
    SpreadsheetApp.getActiveSheet().insertChart(chart) 
} 

에 대한 UiApp

예 GS 코드를 표시 할 수 있습니다 그러나 어쨌든이 차트는 문서의 내용이 아니라 대화 상자 (또는 사이드 바)에 표시됩니다. 문서에서 , 당신은을 통해 삽입 이미지로 변환, 그래서

var chart = getChart(dataTable) 
    var imageChart = chart.getAs('image/jpeg'); 

그리고 내용

DocumentApp.getActiveDocument().getBody().appendImage(imageChart); 

에 추가 할 수 있습니다