问题标签 [datamaps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1223 浏览

d3.js - 将 choropleth 数据映射调整为数据映射中的容器

我正在尝试创建一个仪表板,并且我使用了从这里获得的 choropleth 数据图。

我的问题是,当我尝试调整数据映射图的大小以适合我的容器时,它没有正确缩放。

那么如何将地图缩放到一个容器中

希望你能在这里帮助我

0 投票
1 回答
256 浏览

javascript - D3 DataMaps:如何根据半径堆叠气泡?

我正在将 D3.js DataMaps 用于 Bubbles 地图。我的地图的问题是最大的气泡堆叠在所有其他气泡的顶部。我如何根据半径对这些气泡进行排序?

0 投票
0 回答
1365 浏览

d3.js - Datamaps.js 访问默认投影并更改它

我想以与 Google Charts 类似的方式使用 Datamaps.js 来选择世界各地的一些地区。

首先,我想访问默认的“ setProjection ”功能,但我不知道如何。

然后,我想在世界各地的几个地区创建投影。但是,我只在Datamaps网络中看到了非洲示例

任何帮助,将不胜感激。

编辑:

我目前正在测试的是这段代码。它肯定可以改进,但它有效:

关键是更改 d3.geo 投影,因为我目前正在使用墨卡托。

0 投票
2 回答
758 浏览

css - R,rMaps,datamaps:移动等值线图的图例

我试图将图例置于美国的等值线图下方(类似于我创建的通用地图的示例)。我对 JS 或 CSS 不是很熟悉,但我在目录中的datamaps.all.min.js文件中四处R-3.2.1\library\rMaps\libraries\datamaps\js寻找,希望能够找到图例的标签及其默认值。我找到了这个:

我将其更改为此并将其包含在我的header.html文件中:

这些更改似乎是错误的或无效的,可能是因为有一些其他.css文件优先于这些说明。目前,地图的相关部分如下所示:

在此处输入图像描述

问题包括1) 对我来说似乎是对文本编辑的莫名其妙的粗体和斜体处理:在我的 文件中修复了该问题.css和 2) 虽然"position: absolute",图形流向下表。

0 投票
2 回答
835 浏览

d3.js - datamaps.js - 如何在气泡大小之间平滑过渡?

我正在使用数据图的气泡来显示每年略有变化的数据:

http://jsbin.com/goqeve/edit?html,输出

(点击底部的“1990”和“2000”按钮)

当我用 替换气泡时map.bubbles([...]),默认动画是让新气泡从中心开始生长,这会掩盖大小的微小变化。如何让气泡在尺寸之间平滑过渡(即增长或缩小)而不是替换它们?

0 投票
1 回答
885 浏览

html - 如何在两个 div 中将 Datamaps 世界地图居中

我试图以全宽和全高 div 居中世界地图,但它不断溢出 div(查看小提琴:http: //jsbin.com/bifugahapa/edit ?html,output )

这是我用来将另一个 div 中的一个 div 居中以将其绘制在一个较小的 div 上的代码,因此即使它确实溢出它也不会产生滚动条:

有什么方法可以缩放世界地图或将内部 div 居中?

0 投票
1 回答
633 浏览

javascript - Datamap - 根据给定的 x 和 y 坐标检索国家代码

我正在对世界地图进行可视化,我应该能够根据给定的 x 和 y 像素坐标从世界地图中检索一个国家/地区。

目前我正在使用数据地图(http://datamaps.github.io/)。但是我找不到根据给定的一对 x 或 y 像素坐标来检索某个国家/地区名称或 id 的方法。有人可以指导我正确的方向吗?

提前致谢。

0 投票
1 回答
1758 浏览

javascript - 通过用光标拖动使 d3.js 数据图旋转

我使用@markmarkoh数据地图制作了这张地图

我喜欢它的结果,但我希望当你用光标拖动它时我可以让它旋转,这样你就可以看到所有的大陆。喜欢这里这里的例子。

这是我的代码片段:

编辑:显然 done 回调允许您使用事件,我创建了此缩放/平移功能作为测试,但我如何使用它来使用 d3.behavior.drag 和欧拉角旋转我的地图?

编辑2:这看起来可以工作!取自这里

我尝试将其复制到完成的回调中,但什么也没发生,有什么想法吗?

0 投票
1 回答
3123 浏览

javascript - 数据图:如何在鼠标悬停时显示弹出窗口并自定义鼠标悬停事件侦听器

我正在使用数据地图,并mouseover为我的气泡定制了事件:

popupTemplate但是当我定义气泡结构时,我想做我的事情并显示带有属性的模板弹出集:

我怎样才能做到这一点?如何在我的事件侦听器中显示弹出窗口?我需要控制mouseovermouseout事件,因为我想将 CSS 类添加到某些元素中,mouseover并且我必须使用mouseout.

0 投票
1 回答
1912 浏览

javascript - D3中荷兰的自定义数据地图

我想在我的网站上添加荷兰的省份数据地图。但是,我以前从未使用过自定义数据图。我相信我有正确的数据格式(geoJSON)。我通过将其复制到记事本并保存为 geo_netherlands.json 来保存它。

我尝试像这样加载数据图:

导致

这是什么意思?调用Datamap的时候要不要给更多的参数,json文件不好吗?