D3 Datum Update Boxplot

Question

我正在尝试更新3个svgs（BoxPlots）。在以下代码中，var svg包含3个svgs的数组，_data_已更新为正确的记录数。我按照BoxPlot Example，但看不出我做错了什么。

$（'＃records li a'）。click（function（）{

    var id =  event.target.id;
    var idparts = id.split("_");
    var numrec =  idparts[1];

    d3.json("./php/connection2.php?numrecs="+numrec, function (error, csv) {
        d3.json("./php/connection2.php?numrecs="+numrec, function (error, csv) {
        var chart = d3.box()
            .whiskers(iqr(1.5))
            .width(width)
            .height(height);
        var numericArray = createdata(csv);
        chart.domain([min, max]);
        var svg = d3.selectAll("svg")
        svg.data(numericArray).call(chart.duration(1000));


    });

    $('#RecordsDropdown').removeClass("open");
    return false;

}）;     }）;

我也尝试过： .....

thisdata=numericArray;
            var svg = d3.selectAll("svg");
            svg.data(thisdata);
            svg.call(chart.duration(1000));
            //updatedata(svg);

我在尝试创建新异常值时遇到此错误

Uncaught Error: NotFoundError: DOM Exception 8 

Answer 1

我发现如果你在box.js中删除第~158行的插入（“text”）：

//change this:
//outlier.enter().insert("circle", "text")
// to this:
outlier.enter().insert("circle")

这会阻止

Uncaught Error: NotFoundError: DOM Exception 8

我必须改变的另一件事就是确保当我调用它来为它制作动画时，它会在我的框图中添加新的异常值。否则他们会稍微偏离。

var svg = d3.selectAll(".box" + Attr + sample + " g")
    .data(data);
    svg.call(chart.duration(1000));

我不知道那里的“文字”是什么。