Question

所以我想要做的是使用 d3.queue() 用户双击时加载一个JSON数据的函数。

所以我有两个JSON文件

graphs.json, shelf.json

到目前为止的代码

// queue the file
var q = d3.queue();
q.defer(d3.json, "shelf.json").await(ready);

// Load the first file
d3.json("graphs.json", function(data)
    {
     // Lots of code here 

    chars
        .on("dblclick", function(d, i) {

            if (this.className.split(' ').indexOf('open') > -1) {
                d3.select(this).classed("open", false).transition().style("height", "100px").style("width", "100px").style("z-index", "1");
            } else {
                function ready() {if (error) throw error;}

                d3.selectAll(".gridData" + d.x + d.y).classed("open", false);
                d3.selectAll(".gridData" + d.x + d.y).style("grid-row-start", "1");
                d3.selectAll(".gridData" + d.x + d.y).style("grid-column-start", "1");
                d3.select(this).classed("open", true);
                d3.select(this).transition().style("height", "700px").style("width", "900px").style("top", "0").style("left", "0").style("z-index", "1000000");

            }
        });
    }

双击我希望它调用shelf.json文件。在双击内置一个函数以响应双击不起作用，我只希望在加载该元素时双击工作。所以不要在元素外部双击。我缺少一个简单的语法，还是比看起来更复杂？

双击d3队列

0 个答案: