Google Charts API を使用して、Google Fusion テーブルをデータソースとする縦棒グラフを作成します。
http://clairemiller.net/TableTest.html
ただし、クエリ内の列を認識させるには、名前を 1 つの単語に変更する必要がありました。つまり、私の凡例は少し役に立たないように見えます。
<html>
<head>
<meta charset="UTF-8">
<title>Fusion Tables API Example: Google Chart Tools Bar Chart</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', { packages: ['corechart'] });
function drawVisualization() {
google.visualization.drawChart({
containerId: 'visualization',
dataSourceUrl: 'http://www.google.com/fusiontables/gvizdata?tq=',
query: 'SELECT Name, GCSE09, GCSE10, GCSE11, GCSE12 FROM 16XitWt9yCjRFVGFj4h109dGA_9wLgqExVrF9sAk WHERE URN="100049"',
chartType: 'ColumnChart',
options: {
title: '% gaining 5 A*-C GCSEs including English and Maths',
vAxis: {
title: 'Percentage'
},
hAxis: {
title: ''
}
}
});
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body>
<div id="visualization"></div>
</body>
</html>
表示されるテキストが列ヘッダーと異なるように凡例をカスタマイズする方法はありますか?