问题标签 [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 投票
2 回答
1395 浏览

javascript - How to dynamically change the color of a country on d3 map

I have the following javascript which renders a world map on HTML.

I want to update the color of a particular country after a 2s. When I run the above code, the function changeColor is called after every 2s, but the function map.updateChoropleth does not seem to have any effect. In case, I change the following snippet:

to

the function works as expected. Why does this not work?

0 投票
1 回答
1199 浏览

javascript - Datamaps:如何为带有数据的对象设置条件高亮填充颜色

如果某个国家/地区对象中有数据,location_data我希望将其设置highlightFillColor为绿色,否则该对象将以灰色突出显示或在悬停时完全禁用突出显示。这是我目前正在使用的(无效):小提琴

0 投票
2 回答
756 浏览

javascript - 数据图悬停弹出

我正在使用数据地图来显示世界各国,但图表居中。当我将鼠标悬停在一个国家/地区上时,弹出窗口一直出现在左侧,如果我没有将其居中,则准确到该国家/地区的位置。我相信问题是css:

但我不知道如何以不同的方式将其居中。

有什么办法可以改变弹出窗口的出现位置吗?提前致谢!

在此处输入图像描述

(我试图添加一个代码片段,但由于某种原因它出现了错误。)

0 投票
1 回答
336 浏览

javascript - 使用数据图,我正在尝试创建一个不透明度为 100% 的地图

我正在使用数据地图(http://datamaps.github.io/)并试图使地图透明。我找不到针对国家/地区的 fillOpacity 的内置功能,仅针对气泡。

由于这是建立在 D3 之上的,所以我想知道是否有一个 hacky 解决方法来实现我的目标。最终我可能会切换到 D3 进行控制。

0 投票
1 回答
614 浏览

javascript - Datamap 的 D3 气泡未显示

我尝试使用位于http://datamaps.github.io/datamaps的数据地图指南和插件来创建它们在示例中显示的气泡。但是,气泡没有出现。我在代码中缺少什么。谢谢你。

这是我的 jsfiddle 的链接:https ://jsfiddle.net/centem/882qLzty/

谢谢你。

0 投票
1 回答
1143 浏览

javascript - 使用 D3 和 Datamap 进行地图缩放

我需要你的帮助。我正在使用数据地图,我想在一个国家/地区实现缩放。我可以找到大量示例如何实现这一点,但不同的是,我希望能够使用外部按钮来实现这一点。

假设<div id="worldmap"></div>在渲染地图的位置之外,我有一个按钮:<button data-location="AUS">。如何使用这些值进行缩放?我知道数据地图使用这些短名称(AUS = 澳大利亚)来标注名称。long lat如果这是这样做的方式,我也可以提供坐标。

有人可以帮我解决这个问题吗?我对 D3 和数据图还很陌生。

0 投票
0 回答
61 浏览

javascript - 如何在数据图中为海岸线设置颜色?

成本线边界

我看到了为各个州设置边框颜色的选项,但没有设置海岸线边框颜色的选项。我不知道我是否正确。

如果有任何其他方法,海岸线边界帮助我。

0 投票
1 回答
154 浏览

html - 使用数据图悬停时的图像徽标

我正在使用数据图。通过跳入示例来学习。

这是提供的演示:http: //jsbin.com/nutawiboci/1/edit ?html,output

我试图让一个徽标出现在悬停上 - 就像鼠标悬停在气泡上一样,你会得到一个字符串和一个图像,比如 img https://www.w3schools.com/tags/smiley.gif

当我尝试使用 img src="image url here" alt="smiley" 将其添加到 popupTemplate 中时,代码不会运行。

highcharts map 将图像添加到工具提示- 这是最接近我正在寻找的内容,但我仍然无法让它适用于数据图。

能否请你帮忙?谢谢。

0 投票
1 回答
335 浏览

javascript - PhantomJS 屏幕捕获 D3.js 数据图

我想截取 D3 地图的截图,例如这张。我可以使用PhantomJSrasterize.js截取网站的屏幕截图。

不幸的是,如下图所示,弧线被切断了。

在此处输入图像描述

有没有办法获得完整的弧线?如果这样更简单,我还可以使用 D3 地图拍摄本地 HTML 文件的图像。

PS 我使用了示例 rasterize.js,可以在下面找到。

0 投票
1 回答
483 浏览

d3.js - 数据图如何显示图像而不是气泡?

我使用以下代码在数据图上显示气泡。我想显示图像而不是彩色气泡。我该如何实施?