dimple.js - 根据'Channel'的值修改形状为未填充气泡

Question

寻找关于如何修改下面链接中的示例dimple.js代码的建议，以便输出为取决于值的填充/未填充圆'Channel'变量的？下面

http://dimplejs.org/examples_viewer.html?id=bubbles_vertical_grouped

图片是我期待达到的效果的一个例子。

result looking for

Answer 1

你可以这样做：

chart.assignColor("Supermarkets", "transparent", "blue"); 

当第三个参数是你想要的轮廓颜色是什么。如果你想更厚边框喜欢你的照片，你可以做到这一点与拉丝后：

svg.selectAll("circle").style("stroke-width", 5); 

更具体一点，你可以将系列分配给一个变量，并访问他们的方式：

var series = myChart.addSeries("Channel", dimple.plot.bubble); 
myChart.draw(); 
series.shapes.style("stroke-width", 5); 

或者你可以在CSS中设置中风宽度。