dimple.js -根据“通道”的值修改形状为未填充的气泡

Question

寻找关于如何修改下面链接中的示例dimple.js代码的建议，以便输出是一个填充/未填充的循环，具体取决于“Channel”变量的值。

成组

下面的图片是我想要达到的结果的一个例子。

结果寻找

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