C3堆积条形图定制

Question

Screencast URL

我想自定义c3图。
如果您查看图像，则可以看到堆叠图。
在此堆栈期间，我希望绿色矩形变为“重叠”。

该图的目的是将x轴上的正方形黄色转换为正方形红色。以下代码是堆栈图的默认代码。

                var chart = c3.generate({
                bindto : parentId,
                data: {
                    columns: [
                        ['data1', 30, 200, 200, 400, 150, 250],
                        ['data2', 130, 100, 100, 200, 150, 50],
                        ['data3', 230, 200, 200, 300, 250, 250]
                    ],
                    type: 'bar',
                    groups: [
                        ['data1', 'data2','data3']
                    ],
                    selection: {
                        enabled: true
                    }
                },
                grid: {
                    y: {
                        lines: [{value:0}]
                    }
                }
            });

d3通过选择器选择选择在图形的直线路径中绘制的引擎。自定义“ chart.internal.mainBar._groups [2]”选择时，需要自定义路径。