Настройка всплывающей подсказки в геокартах - PullRequest
Новая
       23

Настройка всплывающей подсказки в геокартах

2 голосов
/ 27 марта 2012

В приведенном ниже примере

http://code.google.com/apis/chart/interactive/docs/gallery/geochart.html#Example

При наведении мышки на область во всплывающей подсказке отображаются как население, так и область. Можно ли каким-либо образом отобразить только одну из этих переменных (население или область) 

  function drawMarkersMap() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'City');
  data.addColumn('number', 'Population');
  data.addColumn('number', 'Area');
  data.addRows([
    ['Rome', 2761477, 1285.31],
    ['Milan', 1324110, 181.76],
    ['Naples', 959574, 117.27],
    ['Turin', 907563, 130.17],
    ['Palermo', 655875, 158.9],
    ['Genoa', 607906, 243.60],
    ['Bologna', 380181, 140.7],
    ['Florence', 371282, 102.41]
  ]);

  var options = {
    region: 'IT',
    displayMode: 'markers',
    colorAxis: {colors: ['green', 'blue']}
  };

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

Ответы [ 2 ]

0 голосов
/ 14 августа 2012

Посмотрите на мой ответ на другой похожий вопрос здесь . Это вопрос применения шаблона форматирования, а затем создания отдельного представления для данных.

0 голосов
/ 27 марта 2012

Попробуйте это НЕ ПРОВЕРЕНО 

function drawMarkersMap() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'City');
data.addColumn('number', 'Population');
data.addRows([
['Rome', 2761477],
['Milan', 1324110],
['Naples', 959574],
['Turin', 907563],
['Palermo', 655875],
['Genoa', 607906],
['Bologna', 380181],
['Florence', 371282]
]);

var data1 = new google.visualization.DataTable();
data.addColumn('string', 'City');
data.addColumn('number', 'Area');
data.addRows([

['Rome', 1285.31],
['Milan', 181.76],
['Naples',  117.27],
['Turin',  130.17],
['Palermo',  158.9],
['Genoa',  243.60],
['Bologna',  140.7],
['Florence',  102.41]
]);
  var options = {
 region: 'IT',
 displayMode: 'markers',
 colorAxis: {colors: ['green', 'blue']}
};
if(condition1){
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
} else{
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
}

};

...