datamaps

1熱度

1回答

我試圖使用位於這裏的數據地圖指南和插件http://datamaps.github.io/ datamaps來創建它們在其示例中顯示的氣泡。但是，泡沫沒有顯示。我在代碼中缺少什麼。謝謝。這裏是我的jsfiddle鏈接：https://jsfiddle.net/centem/882qLzty/ <div id="container" style="position:relative; width:

1熱度

2回答

Datamaps懸停彈出

我使用datamaps來顯示世界各國，但圖中居中。當我徘徊在一個國家時，彈出窗口會一直顯示在左邊，如果我沒有將其置於中心位置，那麼這個彈出窗口就會顯示在國家的位置。我相信問題是CSS： #map { margin: 0px auto; width: 700px; } 但我不知道如何以不同的方式居中它。有什麼方法可以改變彈出窗口的位置嗎？提前致謝！（我嘗試添加一段代碼，

2熱度

1回答

使用D3和Datamaps縮放地圖

我需要您的幫助。我使用的是datamaps，我想在一個國家實施縮放。我可以找到大量的例子，我可以做到這一點，但不同的是，我希望能夠用外部按鈕來做到這一點。比方說，我的<div id="worldmap"></div>以外的地圖正在呈現我有一個按鈕：<button data-location="AUS">。我怎樣才能使用這些值進行縮放？我知道數據地圖使用這些簡稱（澳大利亞=澳大利亞）來表示名稱

1熱度

1回答

數據映射：如何爲數據對象設置條件高亮顯示填充顏色

如果國家對象的數據位於location_data，我希望將highlightFillColor設置爲綠色，如果不是，對象將以灰色突出顯示或完全禁用高亮顯示懸停。以下是我目前使用的（沒有效果）：fiddle highlightFillColor: function(data) { if (data) { return 'green'; } return '#d

0熱度

1回答

D3.js加載美國通過SVG

與初始縮放地圖上的一個國家我有一個數據地圖https://github.com/markmarkoh/datamaps 我需要在地圖上用不同的狀態初始變焦加載創建DJ.js美國地圖（我製作多個地圖）。我只能找到滾動和點擊縮放的文檔，但從來沒有用狀態縮寫（datamaps-subunit）進行初始加載。我的默認配置是 var map = new Datamap({ scope: 'usa

0熱度

1回答

使用數據地圖，我試圖創建一個不是100％不透明的地圖

我正在使用數據地圖（http://datamaps.github.io/）並嘗試使地圖變爲透明。我無法爲這些國家/地區找到fillOpacity的內置功能，只能用於泡泡。因爲這是建立在D3之上的，所以我想知道是否有一個黑客解決方法來實現我的目標。最終，我可能會切換到D3控制。

0熱度

2回答

Clojurescript集成數據映射設置svg寬度和高度0

我們從clojurescript渲染Datamaps，它有一個奇怪的行爲。的數據地圖是具有元件從clojurescript被傳遞，但它被以寬度和高度呈現= 0 <div id="cash-balance-globe" class="cash-balance-globe tile-date-info" style="width: 361px;height: 187px;"> <svg width=

-1熱度

1回答

數據映射 - 虛線動畫圓

幫助，我正在使用數據映射來創建世界地圖，並且我有從點到點的實線弧。他們是動畫，所以他們在頁面上繪製。然而嘗試，因爲我可能找不到一種方法使弧形成爲虛線，以便動畫顯示爲虛線以點到點的方向移動。無論如何，我無法找到這樣一個例子，我想給出運動的錯覺，數據沿着弧線從一點連續流向另一點。這在數據地圖中甚至可能嗎？那裏有例子嗎？我在回答問題時不得不使用googling錯誤的東西。

1熱度

1回答

D3數據地圖數據結構（多年，所有國家）

我需要關於如何獲得我的數據結構的幫助。我試圖使用D3做一個數據圖和散點圖（使用鏈接的視圖）。該數據集我使用的是這樣的：預期壽命（出生）： [{"country":"Abkhazia","1995":null,"1996":null,"1997":null,"1998":null,"1999":null,"2000":null,"2001":null,"2002":null,"2003":null

2熱度

1回答

如何動態地改變一個國家的顏色在地圖D3

var COLOR = 'blue'; var map = new Datamap({ element: document.getElementById('map'), responsive: false, }); function changeColor(countryCode) { map.updateChoropleth({