Choropleth替代方法和更多

在我以前的post1和post2，我設法解決了繪製地圖時的等值線地圖/圖例問題+繪製圓圈的問題。Choropleth替代方法和更多

當我按照這個must-do tutorial約等值線，當我互聯網上搜索我總能找到相同的邏輯

d3.csv（「my.csv」功能（數據）{

D3。 JSON（myjson，函數（JSON）{

爲（VAR I = 0;我< data.length;我++）{

    //Grab state name 
        var dataState = data[i].nom; 

        //Grab data value, and convert from string to float 
        var dataValue = data[i].population; 

        //Find the corresponding state inside the GeoJSON 
        for (var j = 0; j < json.features.length; j++) { 

         var jsonState = json.features[j].properties.nom; 

         if (dataState == jsonState) { 

          //Copy the data value into the JSON 
          json.features[j].properties.CA = dataValue; 

          //Stop looking through the JSON 
          break; 
         } 
        }  
       }

所以在我的情況，我有75路（1路=區域）和我的csv文件的地圖已經75行（1行= 1路）

現在我想要做的事情有點不同

我的新的CSV是N行（N> 75，比方說200）和每行中，存儲（屬性+ LAT +經度）受影響的路徑==>我可以有5個存儲/路徑例如

這裏是我的問題：

1）我怎樣寫我的等值線的代碼不同==>我想掃描csv文件，並返回爲每個不同的路徑爲了把它寫在我的json文件中，具體屬性的總和（這裏是「收入」）？當我點擊一個特定的區域/路徑時，我想顯示一個新的div（在我的情況下#output）對應於我的區域的json文件（基本上我有75個json文件「region1」。 json「，」region2.json「等）...」）與圓圈裏面（一個圓圈=一個商店，在我的csv文件「名稱」列「）==>如何檢索此」點擊價值「和調用正確的/相應的json文件？ 3）最後，如果我點擊#output div顯示的特定圓圈，我想在第三個div上有一個圖表==>我如何正確寫入我的第三個div，以便正確顯示（CSS，其他?? ==>它也可以應用於＃輸出）??

非常感謝你閱讀這一請求，併爲您的可用性，並幫助

這裏的plunker file（不介意sales.csv文件，我只是用它來試試顯示的東西時，我的道路

點擊

再次感謝

來源

2017-03-16 MFAMOROCCO

D3窩捲起來是解決

d3.csv("source-data.csv", function(error, csv_data) { 
var data = d3.nest() 
    .key(function(d) { return d.date;}) 
    .rollup(function(d) { 
    return d3.sum(d, function(g) {return g.value; }); 
    }).entries(csv_data); 
});

更多信息here

來源

2017-03-21 09:11:08 MFAMOROCCO

Choropleth替代方法和更多

回答

相關問題