是否可以将自定义类添加到DC自动生成的任何SVG DOM元素中

Question

假设DC.js用于创建一个由3个折线图组成的合成图。

var compositeChart = dc.compositeChart(domId);
var lineChart1 = dc.lineChart(compositeChart);
var lineChart2 = dc.lineChart(compositeChart);
var lineChart3 = dc.lineChart(compositeChart);
compositeChart.compose([lineChart1, lineChart2, lineChart3]);

生成的SVG看起来有点像

<svg>
    <g>
        <g class="sub _0">
            <g class="chart-body">
                <g class="stack-list">
                    <g class="stack _0">
                        <path class="line">...</p>
                    </g>
                </g>
            </g>
        </g>
        <g class="sub _1">...</g>
        <g class="sub _2">...</g>
    </g>
</svg>

是否可以将自定义类添加到DC自动生成的任何SVG DOM元素中？这样得到的svg看起来就有点像

<svg>
    <g>
        <g class="sub _0">
            <g class="chart-body myLine1ClassNameGoesHereeeeee">
                <g class="stack-list">
                    <g class="stack _0">
                        <path class="line">...</p>
                    </g>
                </g>
            </g>
        </g>
        <g class="sub _1">...</g>
        <g class="sub _2">...</g>
    </g>
</svg>

Answer 1

lineChart1.select('.chart-body').classed('myLine1ClassNameGoesHereeeeee', true);

我认为这应该奏效。