복합 차트의 꺾은 선 차트의 도구 설명이 dc.js에서 작동하지 않습니다.

Question

하나의 막대와 꺾은 선형 차트가 포함 된 복합 차트를 DC에 플로팅합니다. 사용 된 코드는 아래와 같습니다. 그러나 막 대형 차트의 도구 설명은 잘 나오지만 선형 차트의 도구 설명은 전혀 표시되지 않습니다. 사용할 수있는 예제가 거의 없습니다. 어떤 도움을 주시면 감사하겠습니다.

compositeChart.width(1200) 
      .height(240) 
      .margins({top: 10, right: 100, bottom: 70, left:80}) 
      .transitionDuration(800) 
     .dimension(depValue) 
     .elasticY(true) 
      .filter('(All)') 
      .x(d3.scale.ordinal().domain(["AUTO & TIRES","BABY","CLOTHING","ELECTRONICS","GARDEN","GROCERY","HEALTH","HOME","HOME IMPROVEMENT", "PHOTO","SPORTS", "TOYS","VIDEO GAMES"])) 
      .xUnits(dc.units.ordinal) 
      .renderHorizontalGridLines(true) 
      .compose([ 
        dc.barChart(compositeChart) 
          .width(1200) 
          .height(240) 
          .group(group,"This Year") 
          .valueAccessor(function (p) {return p.value}) 
          .clickFilterBehavior("replace") 
          .title(function(d) { return d.key + ": " + d3.round(d.value,2); }) 
          .barPadding(0.5) 
          .brushOn(false) 
          .elasticY(true) 
          .filter('(All)') 
          .margins({top: 10, right: 100, bottom: 70, left:80}) 
          .gap(15), 
        dc.lineChart(compositeChart) 
          .width(1200) 
          .height(240) 
          .group(group1,"Last Year") 
          .valueAccessor(function (p) {return p.value}) 
          .margins({top: 10, right: 100, bottom: 70, left:80}) 
          .yAxisLabel($('metric').value+'(TY)') 
          .brushOn(false) 
          .title(function(d) { return d.key + ": " + d3.round(d.value,2); }) 
          .elasticY(true) 
          .colors('black') 
        ]) 
       .yAxisLabel($('metric').value+'(TY)') 
       .renderHorizontalGridLines(true) 
    compositeChart.renderlet(function(chart){ 
    chart.selectAll("g.x text") 
    .attr('transform', "rotate(30)") 
    .style('text-anchor','start') 
    .style('font-weight','bold'); 
}); 

Answer 1

동일한 문제가 발생했지만 이상하게 해결했습니다. 내 차트에는 resetAll 버튼이 있으며 눌렀을 때 툴팁이 제대로 작동합니다. 몇 번 시도한 후에, renderAll()을 두 번 호출하면 트릭을 수행한다는 것을 알았습니다. 어떻게 수정했는지 모르지만 dc.js의 버그 일 수 있습니다.

dc.renderAll(); 
dc.renderAll();