Инструмент в линейной диаграмме составной диаграммы, не работающей в 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();