1

前回のベネズエラ大統領選挙の結果をGoogle geoMap チャートにマッピングする必要があります。

両方の市長候補の結果を同じチャートに入れようとしていますが、Google チャートではそれができないようです。

制限マップを自分の国に設定し、 ISO 3166都市コードを自分の地域に設定する オプションを使用して、 Google Code Playgroundで示された例を再現しようとしていますが、同じマップに 2 つのデータ セットを表示することはできません。これは私が使用しているデータです。options['region'] = 'VE';

サンプル データは次のようになります。

    function drawVisualization() {
  var data_candidate_a = google.visualization.arrayToDataTable([
            ['Ciudad', 'Result','Label'],
            ['VE-A', 200,'CARACAS'],
            ['VE-B', 300,'AMAZONAS'],
            ['VE-C', 400,'BOLIVAR'],
            ['VE-C', 500,'BARINAS'],
            ['VE-D', 600,'ANZOATEGUI'],
            ['VE-E', 700,'MIRANDA']
          ]);

   var data_candidate_b = google.visualization.arrayToDataTable([
                ['Ciudad', 'Result','Label'],
                ['VE-A', 100,'CARACAS'],
                ['VE-B', 150,'AMAZONAS'],
                ['VE-C', 200,'BOLIVAR'],
                ['VE-C', 600,'BARINAS'],
                ['VE-D', 300,'ANZOATEGUI'],
                ['VE-E', 800,'MIRANDA']
              ]);

  var geomap = new google.visualization.GeoMap(
      document.getElementById('visualization'));
  var options = {};
  options["region"] = "VE";
  geomap.draw(data_candidate_a, options);
}
4

1 に答える 1

1

問題 #1:チャートに「ラベル」列を配置できない -- Google はそれを好まない。

解決策 #1:{v: 'value', f: 'format'}トリックを使用して、マウスオーバーで都市名を表示します (列 C ラベル)。

問題 #2:州レベルの境界が表示されていません。

解決策 #2:オプションを追加する必要がありますresolution: 'provinces'

以下のチャートの作業バージョンを再作成しました (GeoMap ではなく GeoChart を使用すると、GeoMap でも機能する可能性がありますが、GeoChart はフラッシュを使用しないため、一般的にアクセスしやすくなります)。

function drawVisualization() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Ciudad');
  data.addColumn('number', 'result');
  data.addRows([
    [{v: 'VE-A', f: 'CARACAS'}, 200],
    [{v: 'VE-B', f: 'AMAZONAS'}, 300],
    [{v: 'VE-C', f: 'BOLIVAR'}, 400],
    [{v: 'VE-C', f: 'BARINAS'}, 500],
    [{v: 'VE-D', f: 'ANZOATEGUI'}, 600],
    [{v: 'VE-E', f: 'MIRANDA'}, 700]
  ]);

  var geochart = new google.visualization.GeoChart(
      document.getElementById('visualization'));

  var options = {
    region: "VE",
    resolution: "provinces"
  };

  geochart.draw(data, options);
}
于 2013-04-21T23:53:22.633 に答える