0

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>

表示されるテキストが列ヘッダーと異なるように凡例をカスタマイズする方法はありますか?

4

1 に答える 1

0

名前にスペースが含まれる列を照会できるはずです。

文字列の周りに " を使用します

列名の前後に ' を使用

  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: ''
    }
  }
});
于 2013-05-23T23:24:58.570 に答える