dimple.js改变圆的半径

时间:2014-04-03 11:42:21

标签: d3.js dimple.js

我尝试用类' minima'来改变圆的半径。来自dimple.js的泡沫图。但是,只有笔画和不透明度会更新,但不会更新。

chart.draw();

d3.selectAll(".minima")
    .style("stroke", "#000000")  // works
    .attr("opacity", "0.2")      // works
    .attr("r", 25);              // doesn't work

我不知道,我在这里做错了什么。

背景信息:我只想要' minima-circles'比没有声明大小的z轴更大,因为我不希望这个大小值出现在工具提示/弹出窗口中。

感谢您的任何想法!

1 个答案:

答案 0 :(得分:3)

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

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);

http://jsfiddle.net/T6ZDL/4/