问题标签 [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 回答
1854 浏览

d3.js - D3 数据映射在鼠标悬停时更改边框宽度

我正在尝试使组合的地图/图表可视化工作。我希望能够在地图上将鼠标悬停/选择一个国家,并且不仅适用于该国家,还适用于代表该国家数据的图表上的线条(无论如何,假设过去十年的人口增长) .

done地图初始化部分,我使用回调highlightMap并传入 countryName。理论上,当我将鼠标悬停在图表上时,图表也会调用它。

问题:1)在highlightMap我尝试获取国家元素并更改其边框宽度时不起作用。获取地图子单元并对其应用效果的正确方法是什么?2)一般来说,这是正确的方法吗?

0 投票
2 回答
964 浏览

angularjs - 如何在 Angular.js 项目中使用 Require.js 加载第三方库

真的不明白如何在Angular.js项目中使用Require.js加载第三方库

例如,定义了“topojson”,但在这种情况下未定义“datamap”。

来自这里的数据图https://github.com/markmarkoh/datamaps/blob/master/dist/datamaps.world.js

来自这里的 Topojson https://github.com/mbostock/topojson/blob/master/topojson.js

角 app.js:

一些 Angular 控制器:

在我的角度控制器中,new Datamap(...) 说“ReferenceError: Datamap is not defined”

这不是唯一的情况。大多数外部 JS 库也是如此。

我正在使用 WebJars 在 Scala 和 SBT 之上运行 Angular 项目,因此 Require.js 是加载所有这些东西的唯一方法。

0 投票
3 回答
2737 浏览

datamaps - 清除地图和重绘的最佳方法

我知道目前无法动态更改地图的范围。

所以相反,我试图:

创建地图 发生了一些事件,然后我废弃了地图并绘制了一张新的地图,其中包含新的细节,包括新的投影。

问题是我无法正确废弃旧地图。我试图获取 map 变量,在 svg 属性上调用 remove(),出于性能目的使用“delete svg”,然后开始解构对象。然后将映射变量重新分配给函数 A 的结果,其中函数 A 只是设置了一个新映射。

创建新地图的功能:

销毁函数:

}

我将地图初始化basic如下

然后我稍后清理地图(我的破坏功能)并重新分配:

从表面上看,它工作正常。而且性能还可以。但是,它并不能真正正常工作。例如缩放功能不再起作用。当按下缩放按钮时,它正在寻找一个地图变量,它再也找不到了。这没有任何意义,因为新地图为按钮等创建了新的点击处理程序。它几乎可以工作。

但这只是行不通。有小费吗?谢谢。

0 投票
1 回答
1485 浏览

javascript - D3 DataMaps:传入气泡属性的气泡上的 OnClick 事件

我正在使用带有气泡的 D3 和 DataMaps。当有人单击气泡时,我想添加自定义操作。这些操作需要传入气泡的属性,例如气泡的名称。

如何将气泡的名称传递给该气泡的点击事件?

此代码段不起作用。我收到以下错误消息:

我正在按照文档中的一个类似示例来传递地理属性:

我也读过这个非常相似的问题,它没有回答我关于传递气泡属性的问题。

0 投票
1 回答
269 浏览

javascript - 无法在数据图中的标签名称上选择国家/地区路径(d3,javascript)

我正在努力在数据地图中绘制国家之间的弧线。我已将国​​家坐标添加到每个国家/地区路径,但我现在想通过选择标签名称来检索该信息(因为这就是它们的标记方式)

我想选择这个特定元素并检索 x 和 y 值。但document.getElementByTagName("datamaps-subunit FRA").length回报0。我在这里做错了什么?

0 投票
2 回答
144 浏览

javascript - 调用异步时的 JavaScript 循环

问题:JavaScript 能够成功地在屏幕上绘制几条弧线,但它们在运行时消失了。我正在运行一个调用 ARC 函数的简单循环,但我不明白!?

我要做的就是逐步运行每个呼叫并睡觉!这可以用 JavaScript 之外的任何语言轻松完成,它是一个简单的过程循环。

问题是我的图表在消失之前出现了一瞬间。但是,如果我通过 JavaScript 调试器跟踪代码,它会一直工作,直到它再次消失!

沮丧的!我试图用 timeOut 来包装它,这样我就可以睡觉来显示一个缓慢的动画。我的朋友们到底发生了什么,这是 JavaScript 中的一个错误,还是我的基础不存在。当它如此合乎逻辑地编写时,我无法理解代码流。

https://jsfiddle.net/nd6gktmf/

这仅在调试模式下有效!什么....

0 投票
1 回答
1219 浏览

javascript - D3 Datamaps:在点击国家时传递与数据相关的附加值

我正在使用标记的地图来绘制图表。我想提醒与国家相关的其他值,而不仅仅是国家名称。但是函数内部只有 geography 对象可用onClick。如何访问其他数据,例如

'数量'

内部onClick函数?

提前致谢。

0 投票
1 回答
679 浏览

javascript - DataMaps.js - 网络天气图(入站和出站弧)

我正在尝试使用使用弧和圆选项的数据图来创建网络天气图。

我遇到的基本问题是网络中有入站和出站连接,我希望能够将它们可视化为单独的实体。为了避免传入和传出重叠,我尝试做一个简单的经度和纬度偏移(每个 - .2)来“偏移”路径。我所看到的是它们相互交叉。

关于我如何能够做到这一点的任何想法?

当前地图图像

0 投票
1 回答
628 浏览

d3.js - datamaps.js, d3.js 对每个圆圈进行分组

我有一张从 datamaps.js 生成的地图,这个库可以为自定义数据生成气泡。我需要的是将每个气泡放入一个元素中。因为我需要在其中显示一些可扩展的文本。我怎么做。

0 投票
1 回答
60 浏览

javascript - new Datamap() keeps a shared state of memory between invocations

It seems that with this code:

after the second assignment map and the resulting Datamap is a mixture of Conf 1 and Conf 2. How this could happen?

Here is a live demo: https://jsfiddle.net/mztyLh66/7/