在datamaps插件中为气泡添加标识符

时间:2018-01-09 09:52:32

标签: javascript animation d3.js datamaps

我们如何向数据地图气泡添加ID,以便我们可以像这样访问单个气泡:

    d3.select("#my_bubble_id")

如果声明气泡如下:

     var bombs = [{
         name: 'Tsar Bomba',
         radius: 1,
         yeild: 50000,
         country: 'USSR',
         fillKey: 'RUS',
         significance: 'Largest thermonuclear weapon ever tested—scaled down from its initial 100 Mt design by 50%',
         date: '1961-10-31',
         latitude: 40.8499966,
         longitude: 129.666664
       }];
     // draw bubbles for bombs
     map.instance.bubbles(bombs, {
         popupTemplate:function (geography, data) {
                 return ['<div class="hoverinfo"><strong>' +  data.name + '</strong>',
                 '<br/>Payload: ' +  data.yeild + ' kilotons',
                 '<br/>Country: ' +  data.country + '',
                 '<br/>Date: ' +  data.date + '',
                 '</div>'].join('');
         }
     });

1 个答案:

答案 0 :(得分:-1)

我允许的方式是更改数据图库,如果您知道D3,这非常简单。