2014-04-25 1 views
0

DC.js가 3 개의 꺾은 선형 차트로 구성된 혼합 차트를 만드는 데 사용된다고 가정합니다.DC에서 자동 생성 한 SVG DOM 요소 중 하나에 사용자 정의 클래스를 추가 할 수 있습니까?

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> 

같은 뭔가가 SVG의 DOM 요소 DC에 의해 자동으로 생성 중 하나에 사용자 정의 클래스를 추가 할 수 있습니다 보인다? 결과 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
lineChart1.select('.chart-body').classed('myLine1ClassNameGoesHereeeeee', true); 

처럼 보일 것이다 그래야 그 일을해야 믿습니다.