1

C3で折れ線グラフを生成しています。http://c3js.org/samples/simple_multiple.htmlで、さまざまな点が関連する線と同じ色で塗りつぶされていることがわかります。折れ線グラフを作成すると、ポイントが空の円になります。ポイントを線の色で塗りつぶすにはどうすればよいですか?

点としての白丸：

点が塗りつぶされていない 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'
                    }
                })
4

2 に答える 2

2

たとえば、次のようにイベント「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);
                }
            }
        }

https://jsfiddle.net/wfn1s41t/

于 2016-04-04T08:09:25.470 に答える