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

时间:2014-04-25 22:00:44

标签: dc.js

假设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>

1 个答案:

答案 0 :(得分:1)

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

我相信这应该有效。