在 recharts 中自定义工具提示答案

【问题标题】：Customising tooltip in geocharts在 recharts 中自定义工具提示
【发布时间】：2012-03-27 12:34:14
【问题描述】：

在下面给出的示例中

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);
};

【问题讨论】：

标签： google-maps google-maps-api-3 geomap

【解决方案1】：

试试这个未测试

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);
}

};

【讨论】：

【解决方案2】：

看看我对另一个类似问题here 的回答。这是应用模式格式化程序然后为数据创建单独视图的问题。

【讨论】：