0

エラーが発生しています

不明な参照エラー: キューが定義されていません

しかし、なぜエラーが発生するのかわかりません。D3 を使用して米国の地図を描画しようとしています。このガイドを使用しています/使用していましたが、D3 の最新バージョンと完全に一致しません。ここに私のコード/ビデオのコードがあります:

(function (){

var width = 400;
var height = 300;

var svg = d3.select('#d3mapUS')
        .append("svg")
        .attr("width", width)
        .attr("height", height);

var projection = d3.geoAlbersUsa()
        .scale(1280)
        .translate([width/2, height/2]),
    path = d3.geoPath()
        .projection(projection);

var stateIDMap = d3.map({

});

queue()
    .defer(d3.json, "us.json")
    .await(function (err, US) {
        var states = svg.append("g")
                .attr("class", "states")
                .selectAll("g")
                .data(topojson.feature(US, US.objects.states).features)
                .enter()
                .append("g");

        states.append("path")
                .attr("d", path);
    });
})();
4

2 に答える 2

0

D3 v4.x を使用している場合、正しい構文はd3.queueです。したがって、次のようになります。

d3.queue()
    .defer(d3.json, "us.json")
    .await(function (err, US) {
        var states = svg.append("g")
            .attr("class", "states")
            .selectAll("g")
            .data(topojson.feature(US, US.objects.states).features)
            .enter()
            .append("g");

        states.append("path")
            .attr("d", path);
});

API を確認してください: https://github.com/d3/d3-queue#queue

于 2016-08-09T14:47:39.193 に答える