dimple.js - 根据＆＃39;频道＆＃39;的值来修改形状为未填充的泡泡。

Question

寻找有关如何在下面的链接中修改示例dimple.js代码的建议，以便输出是填充/未填充的圆，具体取决于＆＃39;频道＆＃39;变量？

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