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를 설정하십시오.