D3.js dimple.js更改圆的半径

D3.js dimple.js更改圆的半径,d3.js,dimple.js,D3.js,Dimple.js,我尝试在dimple.js中的气泡图中更改“minima”类圆的半径。但是,只更新笔划和不透明度,而不更新大小 chart.draw(); d3.selectAll(".minima") .style("stroke", "#000000") // works .attr("opacity", "0.2") // works .attr("r", 25); // doesn't work 我不明白,我做错了什么 背景信息:我只希望

我尝试在dimple.js中的气泡图中更改“minima”类圆的半径。但是,只更新笔划和不透明度,而不更新大小

chart.draw();

d3.selectAll(".minima")
    .style("stroke", "#000000")  // works
    .attr("opacity", "0.2")      // works
    .attr("r", 25);              // doesn't work
我不明白,我做错了什么

背景信息:我只希望“最小圆”比其他圆大,而不声明尺寸的z轴,因为我不希望此尺寸值出现在工具提示/弹出窗口中


谢谢你的建议

根据我上面的评论,这是可行的,但不是很可靠:

var svg = dimple.newSvg("body", 800, 600);
var data = [
    { "Word":"Hello", "Awesomeness":2000 },
    { "Word":"World", "Awesomeness":3000 }
];
var chart = new dimple.chart(svg, data);
chart.addCategoryAxis("x", "Word");
chart.addMeasureAxis("y", "Awesomeness");
var s = chart.addSeries("Word", dimple.plot.bubble);
chart.draw();

setTimeout(function () {
     svg.selectAll("circle.Hello")
        .attr("opacity", 0.2)
        .attr("r", 100);
}, 100);

看起来它应该能工作。你能发布一个完整的例子来说明这个问题吗?嗯,我还不能回答这个问题,但我可以提供更多的信息。酒窝绘制它的形状使用0毫秒的过渡,没有明显的效果,但似乎干涉这里。如果使用d3.selectAll(“.minima”).transition().duration(0.attr(“r”),25)半径更改将起作用,但由于某种原因,它会弄乱cx/cy值。可能是因为它们设置在与半径相同的过渡中。您需要一些方法来拾取形状上正在执行的过渡,并在末端标记它。这里有一个简单的例子供任何试图解决它的人@Lars抱歉,我出去吃午饭了。不管怎样,谢谢你的帮助。我只是想解决同样的问题。遗憾的是,显然没有办法在渲染后向
.draw
添加回调?这在版本2()中不再是问题,因此您的原始代码现在可以工作了。现在还添加了一个回调,以允许在绘制之后运行方法(例如)