1
私は期待どおりにチームに表示されるテーブルを表示していますが、チャートにマネージャレベル(チームレベル)の合計統計を表示します。 現在、マネージャー名でデータテーブルをグループ化し、「SavedTest」と「MissedTest」の数を合計し、それらのパーセンテージを計算するのに必要な各チームメンバーのマネージャー名が表示されます。 PERC列の下に表示されます。 私は数多くの記事と方法を見てきましたが、それらのすべては倍数ではなく単一の列計算を行う方法を示しています。Google視覚化グループ化計算
google.charts.load('current', { packages: ['table','corechart'] });
google.charts.setOnLoadCallback(GetChartData);
function GetChartData() {
var jsonData = {
"cols": [
{
"type": "string",
"id": "Division",
"label": "Division"
},
{
"type": "string",
"id": "ManagerName",
"label": "ManagerName"
},
{
"type": "string",
"id": "TechName",
"label": "TechName"
},
{
"type": "string",
"id": "TechID",
"label": "TechID"
},
{
"type": "string",
"id": "CableMonth",
"label": "CableMonth"
},
{
"type": "string",
"id": "CableYear",
"label": "CableYear"
},
{
"type": "number",
"id": "SavedTest",
"label": "SavedTest"
},
{
"type": "number",
"id": "MissedTest",
"label": "MissedTest"
},
{
"type": "number",
"id": "Perc",
"label": "Perc"
},
{
"type": "string",
"id": "ManagerUserName",
"label": "ManagerUserName"
}
],
"rows": [
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Mike Hunt"
},
{
"v": "74339"
},
{
"v": "April"
},
{
"v": "2016"
},
{
"v": 35
},
{
"v": 2
},
{
"v": 0.95
},
{
"v": "BDobalina"
}
]
},
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Mike Hunt"
},
{
"v": "74339"
},
{
"v": "February"
},
{
"v": "2016"
},
{
"v": 28
},
{
"v": 6
},
{
"v": 0.82
},
{
"v": "BDobalina"
}
]
},
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Mike Hunt"
},
{
"v": "74339"
},
{
"v": "January"
},
{
"v": "2016"
},
{
"v": 43
},
{
"v": 4
},
{
"v": 0.91
},
{
"v": "BDobalina"
}
]
},
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Mike Hunt"
},
{
"v": "74339"
},
{
"v": "March"
},
{
"v": "2016"
},
{
"v": 45
},
{
"v": 6
},
{
"v": 0.88
},
{
"v": "BDobalina"
}
]
},
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Chris Christianson"
},
{
"v": "72019"
},
{
"v": "April"
},
{
"v": "2016"
},
{
"v": 41
},
{
"v": 2
},
{
"v": 0.95
},
{
"v": "BDobalina"
}
]
},
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Chris Christianson"
},
{
"v": "72019"
},
{
"v": "March"
},
{
"v": "2016"
},
{
"v": 34
},
{
"v": 5
},
{
"v": 0.87
},
{
"v": "BDobalina"
}
]
},
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Robert Bank"
},
{
"v": "80862"
},
{
"v": "May"
},
{
"v": "2016"
},
{
"v": 11
},
{
"v": 5
},
{
"v": 0.69
},
{
"v": "BDobalina"
}
]
},
{
"c": [
{
"v": "TPA"
},
{
"v": "Bob Dobalina"
},
{
"v": "Tina Turner"
},
{
"v": "82371"
},
{
"v": "March"
},
{
"v": "2016"
},
{
"v": 42
},
{
"v": 4
},
{
"v": 0.91
},
{
"v": "BDobalina"
}
]
}
]
};
var data = new google.visualization.DataTable(jsonData);
var formatter = new google.visualization.NumberFormat({
fractionDigits: 2,
suffix: '%'
});
formatter.format(data, 8);
var table = new google.visualization.Table(document.getElementById('table_div'));
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
table.draw(data, { showRowNumber: true, width: '100%', height: '100%' });
// Create a view that shows everyone hired since 2007.
var view = new google.visualization.DataView(data);
view.hideColumns([0,2,3,4,5,6,7,9]);
chart.draw(view, { width: 900, height: 900, is3D: true, title: 'Test Bar Chart' });
}
function buildGoogleDataView(datar)
{
var data = new google.visualization.DataTable();
data.addColumn('string', 'Market');
data.addColumn('string', 'Manager');
data.addColumn('string', 'Tech');
data.addColumn('string', 'Tech ID');
data.addColumn('string', 'WO#');
data.addColumn('string', 'Account');
data.addColumn('string', 'Date');
data.addColumn('string', 'Cable Month');
data.addColumn('string', 'Cable Year');
data.addColumn('string', 'Manager');
data.addColumn('int', 'Saved HHC');
data.addRows(datar.length);
var row
for (r = 0; r < datar.length; r++)
{
for(c = 0;c<datar[r].length;c++)
{
data.setCell(r, c, datar[r][c]);
}
}
var view = new google.visualization.DataView(data);
view.setColumns([0, 1]);
var table = new google.visualization.Table(document.getElementById('table_sort_div'));
table.draw(view, { width: '100%', height: '100%' });
var chart = new google.visualization.BarChart(document.getElementById('chart_sort_div'));
chart.draw(view);
}
を
を合計行を追加することができます私が使用します。実際に私が探していたものではありません。 テーブルに注意を払ったので、私はチャートをグループ化するようにしていました "Bob Dob Dobalinaは一度しか表示されず、チャートのボブの合計が計算されました – scripter78
これはもっと近いべきです、' data.group'はできませんあなたは列を横切っているので、計算を完了するためにビューを使うことができます - テーブルだけを残しました... – WhiteHat
非常に感謝します!!!!!私はこれにあまりにも多くの時間を費やしてきました。私の限定された防衛では、これはGoogleの視覚化の私の最初の試みです ありがとう、ありがとう – scripter78