将FancyBox添加到Google GeoChart中

时间:2015-12-11 20:40:51

标签: javascript jquery google-visualization fancybox onclicklistener

首先,我对编码非常陌生,而且我所做的大部分工作都是收集作品并改变片段以满足我的需求,因为我试图将所有内容组合在一起。

更重要的是,我创建了一个谷歌GeoChart,我已经粘贴到这个小提琴。 http://jsfiddle.net/tehgugs/APTYA/3/

我的目标是使用鼠标悬停工具提示和onclick操作,其中出现带有其他数据的文本框。我在功能上寻找的几乎与http://apirio.boostlabs.com/demo/1/state.php?year=2009

相同

但是,我不知道如何完成类似于boost实验室使用的代码。 我发起了新的变量用于onClick

  var countrydata = [];
  countrydata['Colombia'] = "Text, more text <br> tons of text";
  countrydata['Turkey'] = "This should be additional text";

最后是Boostlabs所做的,并开始调用变量

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

google.visualization.events.addListener(
  'chart-canvas', 'regionClick',
  function(e) {
    var duration = countrydata[e['region']];

Boost Labs跟随

 $('#printHere').html(duration);
    $('#myModal').modal('show');

但我不确定该代码的用途是什么。

非常感谢任何帮助,谢谢!

0 个答案:

没有答案