小编mmk*_*nz7的帖子

将文本添加到 Datamap 的气泡中

所以我基本上使用来自 Datamaps 示例网站的默认气泡图。

var bubble_map = new Datamap({
  element: document.getElementById("bubbles"),
  geographyConfig: {
    popupOnHover: false,
    highlightOnHover: false
  },
  fills: {
    defaultFill: '#ABDDA4',
    USA: 'blue',
    RUS: 'red'
  }
});
bubble_map.bubbles([
  {
    name: 'Not a bomb, but centered on Brazil',
    radius: 23,
    centered: 'BRA',
    country: 'USA',
    yeild: 0,
    fillKey: 'USA',
    date: '1954-03-01'
  },
  {
    name: 'Not a bomb',
    radius: 15,
    yeild: 0,
    country: 'USA',
    centered: 'USA',
    date: '1986-06-05',
    significance: 'Centered on US',
    fillKey: 'USA'
  },
  {
    name: 'Castle Bravo',
    radius: 25,
    yeild: 15000, …
Run Code Online (Sandbox Code Playgroud)

html javascript d3.js datamaps

5
推荐指数
0
解决办法
323
查看次数

标签 统计

d3.js ×1

datamaps ×1

html ×1

javascript ×1