google-maps - Google マップ API チャート

Question

フュージョン テーブルとフュージョン テーブルのクエリがあります。クエリごとに動的な円グラフを作成したいと考えています。円グラフの値は、2 つの選択ボックスから取得する必要があります。これを行う方法。3 つの html div 要素があります。私のwebpage.oneはマップのレンダリング用、もう1つはフュージョンテーブルの視覚化用、次はチャートデータ用です。

Answer 1

Google Chart Tools を使用して Google Fusion Tables をクエリする方法についてのチュートリアルがあります。

次に例を示します。

google.load('visualization', '1', {packages: ['corechart']});

function drawFTChart() {
  google.visualization.drawChart({
    "containerId": "my_chart_div",
    "dataSourceUrl": 'http://www.google.com/fusiontables/gvizdata?tq=',
    "query":"SELECT Location,Number FROM 1R9FMod3LN7UO3R6jp7gJeSQ9hbEVOwLqF0AZFQg",
    "refreshInterval": 5,
    "chartType": "PieChart",
    "options": {
      "title":"Number distribution over cities"
    }
  });
}

google.setOnLoadCallback(drawFTChart);