datamaps

1熱度

1回答

我有奇怪的問題與datamapsupdateCloropleth函數。我跟着這個例子： https://github.com/markmarkoh/datamaps/releases/tag/v0.2.2 這裏是我的問題的一個例子。當我這樣做： map.updateChoropleth({ "AFG": colorx }); 顏色更新。但是，當我這樣做時： var countryx

0熱度

1回答

創建狀態的熱圖在巴西

//var map = new Datamap({element: document.getElementById('container')}); var colors = d3.scale.category10(); var arcs = new Datamap({ element: document.getElementById("container"),

3熱度

1回答

使用Datamaps在單個頁面上創建加拿大和美國地圖

我使用Datamaps創建加拿大和美國地圖。我在網站上看到了教程和/或示例，並且看到了「僅美國地圖」示例。我這樣做： <script> var addUSA = new Datamap({ scope: 'usa', element: document.getElementById('usa-map'), geographyConfig: {

0熱度

1回答

從json文件懸停數據加載彈出數據以用於數據地圖

數據地圖「Getting started」頁面有一個關於在用戶將鼠標懸停在特定國家時自定義文本的部分。然而，他們通過硬編碼這些信息這樣做： <script> var map = new Datamap({ element: document.getElementById('container'), fills: { HIGH: '#afafaf',

4熱度

1回答

數據地圖D3的問題縮放時引腳/標記常量大小和相對位置

我有一個D3.js Datamaps.js貼圖標記貼圖，我一直試圖實現縮放。 http://jsbin.com/xoferi/edit?html,output 圖像銷標記是20×20和銷的點（在X + 10，Y + 20）是在選定的緯度/經度點。我在縮放地圖時出現問題，圖像從相對位置漂移。例如：看一看冰島的針。當你放大時，它向左移動。如何在縮放和點擊拖動地圖時將引腳保持相同的大小，並保持相同的

10熱度

1回答

D3 DataMaps（或jvectormap）：如何通過座標系將地圖上的自定義對象設置爲

例如，我想通過gps coords（lat，lng）添加一個自定義html對象來繪製地圖 - 就像使用css或任何其他工具完成的脈動點一樣其他（？JS）標記的動畫 <style> #circle { background: red; width: 10px; height: 10px; border-radius: 50%; -moz-bord

1熱度

1回答

新數據圖（）保留的調用之間的存儲器共享狀態

看來，與此代碼： var map = null; map = new Datamap({ // Conf 1 ... }); // Draw map on DOM // Remove map from DOM and recreate another map map = null; map = new Datamap({ // Conf 2 ... }); 第

0熱度

1回答

Datamap - 根據值更改顏色

我在這裏遇到了一個datamap示例並試圖對其進行編輯。我需要根據值改變狀態顏色，從深藍色到淺藍色。目前， fills: { 'lightBlue': '#cc4731', 'justBlue': '#306596', 'deepBlue': '#667faf', 'mediumBlue': '#a9c0de', 'deepB

2熱度

1回答

在數據地圖中製作垂直圖例

我使用DataMaps來製作一個choropleth，但在修改圖例時遇到問題。我想讓傳說垂直並在地圖的右側。文件不清楚如何做到這一點。我如何創建一個堆疊/垂直的圖例？我用下面的代碼來創建的傳說： var legend_params = { legendTitle: "Some Test Data", }; map.legend(legend_params); 而這裏試圖修改它的

0熱度

1回答

將類路徑元素與數據集進行比較

我對d3真的很陌生，我想用d3數據映射製作一個choropleth地圖，因此如果必須將路徑的類與我的數據集進行比較。到目前爲止，我還是設法獲取路徑的 HTML <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"</script> <script src="//cdnjs.cloudflare.com/ajax