평균 열 Google 차트

Question

원본 데이터 테이블의 열의 평균 데이터 테이블에 열을 만들어야합니다.

이 작업을 수행 할 거리가 있습니까? jdata.getColumnRange (Column #) .max 및 jdata.getColumnRange (Column #). min을 사용하여 원본 데이터 테이블에서 최대 및 최소 열을 찾는 것이 가능하다는 것을 알았습니다.

다음은 Max Values ​​및 Min Values를 가져 와서 테이블에 저장하는 코드입니다. Average Value에 어떻게 이것을합니까?

는

 // Set MAX VALUE of Table    
     // Set 'VAY' MAX VALUE of Table 
     data.setCell(0, 1, jdata.getColumnRange(1).max); 
     // Set 'VBY' MAX VALUE of Table 
     data.setCell(1, 1, jdata.getColumnRange(2).max); 
     // Set 'VCY' MAX VALUE of Table 
     data.setCell(2, 1, jdata.getColumnRange(3).max); 
     // Set 'KW3DO' MAX VALUE of Table 
     data.setCell(3, 1, jdata.getColumnRange(4).max); 
     // Set 'KVR3' MAX VALUE of Table 
     data.setCell(4, 1, jdata.getColumnRange(5).max); 
     // Set 'PF3' MAX VALUE of Table 
     data.setCell(5, 1, jdata.getColumnRange(6).max); 


     // Set MIN VALUE of Table  
     // Set 'VAY' MIN VALUE of Table 
     data.setCell(0, 2, jdata.getColumnRange(1).min); 
     // Set 'VBY' MIN VALUE of Table 
     data.setCell(1, 2, jdata.getColumnRange(2).min); 
     // Set 'VCY' MIN VALUE of Table 
     data.setCell(2, 2, jdata.getColumnRange(3).min); 
     // Set 'KW3DO' MIN VALUE of Table 
     data.setCell(3, 2, jdata.getColumnRange(4).min); 
     // Set 'KVR3' MIN VALUE of Table 
     data.setCell(4, 2, jdata.getColumnRange(5).min); 
     // Set 'PF3' MIN VALUE of Table 
     data.setCell(5, 2, jdata.getColumnRange(1).min); 

Answer 1

당신은 집계 수행 할 group() 방법을 사용할 수 있습니다 (<를 - 자세한 내용은 링크를 참조) 다른 DataTable

에

group() 결과를 그래서 당신이 나중에

// i.e. - get average column 
console.log(groupData.getValue(0, 1)); 

를 값에 액세스 할 수 있습니다

데이터를 표시하는 테이블 차트를 그리는 다음 작업 스 니펫을 참조하십시오. 전에이 도움이 group()

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable({ 
 
     cols: [ 
 
     {label: 'Stooge', type: 'string'}, 
 
     {label: 'TV Appearances', type: 'number'} 
 
     ] 
 
    }); 
 

 
    data.addRows([ 
 
     ['Moe', 129], 
 
     ['Larry', 132], 
 
     ['Curly', 99], 
 
     ['Shemp', 42] 
 
    ]); 
 

 
    var table = new google.visualization.Table(document.getElementById('table_div0')); 
 
    table.draw(data); 
 

 
    var groupData = google.visualization.data.group(
 
     data, 
 
     // group across entire table -- use modifier to return same value for every row 
 
     [{column: 0, modifier: function() {return '';}, type: 'string'}], 
 
     [ 
 
     // aggregation functions 
 
     {column: 1, aggregation: google.visualization.data.avg, type: 'number', label: 'Average'}, 
 
     {column: 1, aggregation: google.visualization.data.count, type: 'number', label: 'Count'}, 
 
     {column: 1, aggregation: google.visualization.data.min, type: 'number', label: 'Minimum'}, 
 
     {column: 1, aggregation: google.visualization.data.max, type: 'number', label: 'Maximum'}, 
 
     {column: 1, aggregation: google.visualization.data.sum, type: 'number', label: 'Sum'}, 
 
     // custom aggregation function 
 
     {column: 1, aggregation: doubleSum, type: 'number', label: 'Double Sum'} 
 
     ] 
 
    ); 
 

 
    function doubleSum(values) { 
 
     var aggValue = 0; 
 
     values.forEach(function (appearances) { 
 
     aggValue += (appearances * 2); 
 
     }); 
 
     return aggValue; 
 
    } 
 

 
    var table = new google.visualization.Table(document.getElementById('table_div1')); 
 
    table.draw(groupData); 
 

 
    // i.e. - get average 
 
    console.log(groupData.getValue(0, 1)); 
 
    }, 
 
    packages: ['table'] 
 
});

div { 
 
    padding: 6px; 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="table_div0"></div> 
 
<div id="table_div1"></div>