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

Question

寻找有关如何修改下面 link 中的示例 dimple.js 代码的建议，以便根据 'Channel' 的值输出 filled/unfilled 圆变量？

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 中设置笔画宽度。