问题标签 [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.
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?
javascript - Datamaps:如何为带有数据的对象设置条件高亮填充颜色
如果某个国家/地区对象中有数据,location_data
我希望将其设置highlightFillColor
为绿色,否则该对象将以灰色突出显示或在悬停时完全禁用突出显示。这是我目前正在使用的(无效):小提琴
javascript - 数据图悬停弹出
我正在使用数据地图来显示世界各国,但图表居中。当我将鼠标悬停在一个国家/地区上时,弹出窗口一直出现在左侧,如果我没有将其居中,则准确到该国家/地区的位置。我相信问题是css:
但我不知道如何以不同的方式将其居中。
有什么办法可以改变弹出窗口的出现位置吗?提前致谢!
(我试图添加一个代码片段,但由于某种原因它出现了错误。)
javascript - 使用数据图,我正在尝试创建一个不透明度为 100% 的地图
我正在使用数据地图(http://datamaps.github.io/)并试图使地图透明。我找不到针对国家/地区的 fillOpacity 的内置功能,仅针对气泡。
由于这是建立在 D3 之上的,所以我想知道是否有一个 hacky 解决方法来实现我的目标。最终我可能会切换到 D3 进行控制。
javascript - Datamap 的 D3 气泡未显示
我尝试使用位于http://datamaps.github.io/datamaps的数据地图指南和插件来创建它们在示例中显示的气泡。但是,气泡没有出现。我在代码中缺少什么。谢谢你。
这是我的 jsfiddle 的链接:https ://jsfiddle.net/centem/882qLzty/
谢谢你。
javascript - 使用 D3 和 Datamap 进行地图缩放
我需要你的帮助。我正在使用数据地图,我想在一个国家/地区实现缩放。我可以找到大量示例如何实现这一点,但不同的是,我希望能够使用外部按钮来实现这一点。
假设<div id="worldmap"></div>
在渲染地图的位置之外,我有一个按钮:<button data-location="AUS">
。如何使用这些值进行缩放?我知道数据地图使用这些短名称(AUS = 澳大利亚)来标注名称。long lat
如果这是这样做的方式,我也可以提供坐标。
有人可以帮我解决这个问题吗?我对 D3 和数据图还很陌生。
javascript - 如何在数据图中为海岸线设置颜色?
我看到了为各个州设置边框颜色的选项,但没有设置海岸线边框颜色的选项。我不知道我是否正确。
如果有任何其他方法,海岸线边界帮助我。
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 将图像添加到工具提示- 这是最接近我正在寻找的内容,但我仍然无法让它适用于数据图。
能否请你帮忙?谢谢。
javascript - PhantomJS 屏幕捕获 D3.js 数据图
我想截取 D3 地图的截图,例如这张。我可以使用PhantomJS和rasterize.js截取网站的屏幕截图。
不幸的是,如下图所示,弧线被切断了。
有没有办法获得完整的弧线?如果这样更简单,我还可以使用 D3 地图拍摄本地 HTML 文件的图像。
PS 我使用了示例 rasterize.js,可以在下面找到。
d3.js - 数据图如何显示图像而不是气泡?
我使用以下代码在数据图上显示气泡。我想显示图像而不是彩色气泡。我该如何实施?