假设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>
答案 0 :(得分:1)
lineChart1.select('.chart-body').classed('myLine1ClassNameGoesHereeeeee', true);
我相信这应该有效。