2013-05-17 2 views
1

Мне интересно, можно ли отобразить таблицу данных в диаграммах GEO. У меня есть этот код:GEO Chart Legend/Datatable

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

     function drawMarkersMap() { 
      var data = new google.visualization.DataTable(); 


      data.addColumn('string', 'Country'); 
      data.addColumn('number', 'Count'); 
      data.addRow(["AT",141]); 
      data.addRow(["BE",8]); 
      data.addRow(["CH",42]); 
      data.addRow(["DE",98]); 
      data.addRow(["ES",942]); 
      data.addRow(["GR",30]); 
      data.addRow(["HQ",104]); 
      data.addRow(["HU",30]); 
      data.addRow(["LU",10]); 
      data.addRow(["NL",153]); 
      data.addRow(["PL",53]); 
      data.addRow(["PT",102]); 
      data.addRow(["RU",266]); 
      data.addRow(["SE",13]); 
      data.addRow(["TR",228]);     
      var options = { 
       displayMode: 'regions', 
       region: '150', 
       colorAxis: {colors: ['#ffa3b5', 'red']}, 
       tooltip: { textStyle: { fontName: '"Verdana"', fontSize: 14 } }, 
       legend: {textStyle: {color: 'black', fontSize: 10}}, 
       keepAspectRatio: false, 
       height: 300, 
       width: 550 
      }; 

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div_02')); 
      chart.draw(data, options); 
     } 

Поскольку у меня есть некоторые специальные страны (как HQ) и Турция (то есть не в области 150), я хотел бы к DataTable или легенда к geochart ,

Возможно ли это, или мне нужно составить табличные диаграммы и поместить их в другое место на веб-сайте?

Приветствия & Thx в Advance Alex

ответ

1

Вы не можете добавить DataTable в geoChart с использованием нативного Google Visualization API. GeoChart - это GeoChart, а DataTable - DataTable. Тем не менее, вы можете создать связанный GeoChart и DataTable на одной странице, используя те же данные, используя преимущества элементов управления и картплоттеров Dashboard.

Если вы получаете фантазии с помощью CSS, вы можете даже навести <div> с таблицей над GeoChart или иным образом найти способ заставить его выглядеть как они одни и те же диаграммы.

+1

Спасибо за ваш ответ, так я это сделал. – DaFunkyAlex

+0

Рад, что это сработало! Удачи в визуализации Google. – jmac

Смежные вопросы