dc.js凡例が表示されない

Question

私は象限内に表示する円グラフを持っています<div>ボックス。円グラフはうまく表示され、ページ上の要素を調べると凡例が表示されますが、幅と高さは0になります。.dc-legend svg { width: 100px; height: 100px; }を使用して特定のサイズに強制しようとしましたが、0x0を残してみました。

<div class="quadrant_right"> 
<div id="CityCharttext"><span>Dummy graph</span></div> 
    <div id="city-chart"></div> 
</div> 
<script> 
    function InitPieChart(string){ 
     // cities.forEach(function(city){ 
      cities.forEach(function(city){ 
      DataForPieGraph.push({Name:city,data:(test.SumHelper(Projectsall, city, string))}); 
      }) 
    var ndx   = crossfilter(DataForPieGraph), 
    nameDim = ndx.dimension(function(d) {return d.Name;}), 
    spendPerName = nameDim.group().reduceSum(function(d) {return +d.data;}); 

      CityChart 
      .width(200).height(176) 
      .dimension(nameDim) 
      .group(spendPerName) 
      .innerRadius(30) 
      .colors(['#39393B', '#58585B', '#858688', '#A7A9AB','#E8EBF1','#C4D6ED','#64BBE3','#049FD9','#097DBC','#004BAF']) 
      .label(function(d) { return d.data.value}) 
      .legend(dc.legend().x(0).y(0).itemHeight(13).gap(5)); 
      CityChart.render() 

    } 
</script> 

この質問に私の話題を集中させ、コードを乱雑にしないために、私は何かを残しましたが、何かを残しているかもしれません。

ありがとうございます！

  #city-chart svg { width: 350px; } 
    #city-chart{ 
     width:350px; 
     border: 1px solid black; 
     height: 100%; 
     margin: 0px -1px; 
     position:relative; 
    float:left; 
    } 

Answer 1

CSSはあまりに＃市・チャートのためのCSSを設定してみてください。