Member 10408754 Ответов: 0

Как привязать данные из webservice asmx к карте choropleth d3

I am building a D3 US choropleth map,i need to bind data for map from asmx webservice(output given as Json).


I did something like below


d3.queue()
        .defer(d3.json, "https://d3js.org/us-10m.v1.json")
        .defer(d3.json, 'Geodata.asmx/GetGeodtls')
        .await(ready);

        function ready(error, us,un) {
            if (error) throw error;

            un.forEach(function (d) {
                //alert("foreach" +d.ZIP_CODE);
                unemployment.set(d.ZIP_CODE, +d.TRV);

            });

            svg.append("g")
                .attr("class", "counties")
              .selectAll("path")
              .data(topojson.feature(us, us.objects.counties).features)
              .enter().append("path")
                .attr("fill", function (d) { return color(d.TRV = unemployment.get(d.ZIP_CODE)) ? color(d.TRV = unemployment.set(d.ZIP_CODE)) :"darkgreen"  })
                .attr("d", path)
              .append("title")
                .text(function (d) { return d.TRV + "%"; });

            svg.append("path")
                .datum(topojson.mesh(us, us.objects.states, function (a, b) { return a !== b; }))
                .attr("class", "states")
                .attr("d", path);


Я ничего не получаю в этом unemployemnt.set(d.ZIP_CODE,+d.TRV) , я просто хочу использовать ZIP_CODE и TRV в качестве моего набора данных на карте.

Что я уже пробовал:

d3.queue()
        .defer(d3.json, "https://d3js.org/us-10m.v1.json")
        .defer(d3.json, 'Geodata.asmx/GetGeodtls')
        .await(ready);

        function ready(error, us,un) {
            if (error) throw error;

            un.forEach(function (d) {
                //alert("foreach" +d.ZIP_CODE);
                unemployment.set(d.ZIP_CODE, +d.TRV);

            });

            svg.append("g")
                .attr("class", "counties")
              .selectAll("path")
              .data(topojson.feature(us, us.objects.counties).features)
              .enter().append("path")
                .attr("fill", function (d) { return color(d.TRV = unemployment.get(d.ZIP_CODE)) ? color(d.TRV = unemployment.set(d.ZIP_CODE)) :"darkgreen"  })
                .attr("d", path)
              .append("title")
                .text(function (d) { return d.TRV + "%"; });

            svg.append("path")
                .datum(topojson.mesh(us, us.objects.states, function (a, b) { return a !== b; }))
                .attr("class", "states")
                .attr("d", path);

0 Ответов