Javascript C3图表点为空圆

我正在用C3生成折线图。我看到不同的点与关联线用相同的颜色填充。当我创建折线图时，我的点只是空的圆。如何使用线条颜色填充点

空圆作为点：

                c3.generate({
                    bindto: divReference,
                    data: {
                        x: 'x',
                        columns: columnData,
                        colors: colorData,
                        axes: { data: 'y' },
                    },
                    grid: {
                        x: { show: true },
                        y: { show: true }
                    },
                    axis: {
                        x: {
                            type: 'timeseries',
                            tick: { format: '%m/%d' }
                        }
                    },
                    point: {
                        //stroke: '#ff0000'
                        fill: '#ff0000'
                    }
                })

C3代：

                c3.generate({
                    bindto: divReference,
                    data: {
                        x: 'x',
                        columns: columnData,
                        colors: colorData,
                        axes: { data: 'y' },
                    },
                    grid: {
                        x: { show: true },
                        y: { show: true }
                    },
                    axis: {
                        x: {
                            type: 'timeseries',
                            tick: { format: '%m/%d' }
                        }
                    },
                    point: {
                        //stroke: '#ff0000'
                        fill: '#ff0000'
                    }
                })

---

是否尝试在顶层设置color.pattern属性（删除设置的所有其他填充颜色数据）

我相信这也适用于多条线路

颜色、图案 设置自定义颜色图案

color: { pattern: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a' ] }

顺便说一句，如果这不起作用，请发布一个JSFIDLE。我们应该能很快找到答案

如下设置事件“onrendered”，例如：

onrendered: function () {
            var $$ = this;
            var circles = $$.getCircles();
            for(var i = 0; i < circles.length; i++){
                for(var j = 0; j < circles[i].length; j++){
                $$.getCircles(j).style("fill", '#FFF')
                    .style("stroke", $$.color)
                    .style("stroke-width", 3);
                }
            }
        }

onrendered:function（）{
var$$=这个；
var circles=$$.getCircles（）；
对于（变量i=0；i

---

一位同事最终找到了问题所在。与我们合作的设计公司编写了CSS，它以某种方式覆盖了圆点的颜色。不过，感谢您抽出时间来研究这个问题！