dc.js圖例不顯示

我有一個餅圖，顯示在象限<div>框中。餅圖顯示正常，當我檢查頁面上的元素時，我可以看到圖例，但它的寬度和高度均爲0.我嘗試使用.dc-legend svg { width: 100px; height: 100px; }強制它達到一定的大小，但它仍然爲0x0dc.js圖例不顯示

<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>

我遺漏了一堆其他的東西，把我的話題集中在這個問題上，而不是混淆了代碼，但我可能已經遺漏了一些東西。

在此先感謝！

CSS

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

來源

2016-07-29 mmkranz7

請確認您使用的是2.0測試版 - 此功能在1.7。*中不可用。更多信息：https://github.com/dc-js/dc.js/issues/1159 – Gordon

我將如何使用節點進行更新？ '$ npm update dc.js'沒有解決它。 – mmkranz7

在你的package.json中，依賴''dc「：」〜2.0.0-beta「' – Gordon

嘗試設置爲＃城市圖表CSS了。

來源

2016-08-01 16:24:07 delagroove

我更新了我的問題，我也設置了CSS。似乎沒有改變任何東西.... – mmkranz7

dc.js圖例不顯示

回答

相關問題