如何在c3.js中的图表行中创建圆圈到圆圈？

Question

我开始学习C3.js.与之合作非常好。

我被困在这一部分，我希望任何人都可以帮助我前进。

如何使用c3.js在折线图的外部创建圆圈。

这是我的示例代码

var chart = c3.generate({
  data: {
    columns: [
        ['data1', 30, 200, 100, 150, 150, 250],
        ['data12', 30, 200, 100, 150, 150, 250]
    ],
    type: 'line'
  },
});

它给了一个小圆圈（Dot类）但是我想创建一个不同颜色的圆圈，在那个圆圈里面我需要显示这个小圆圈（Dot Kind of）。

怎么做？

我试图选择所有圈子并为此应用边框。我试过这样的

 d3.selectAll('circle').each(function(){

    this.style('border-radius: 20px;');

 });

这是错误的方式，这也是行不通的。怎么做？

c3.js有可能吗？

Answer 1

您可以使用图表选项设置点的大小

...
point: {
    r: 20
}
...

您可以使用CSS

绘制边框

#chart .c3-circle {
    stroke: black;
    stroke-width: 4;
}

（假设您在带有ID图表的容器中绘制图表）

小提琴 - http://jsfiddle.net/yhz8k5k9/