dc.js图例未显示

时间:2016-07-29 21:59:26

标签: javascript html css d3.js dc.js

我有一个饼图,我在象限<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>

我遗漏了一些其他的东西,把我的主题集中在这个问题上,并没有弄乱代码,但我可能已经遗漏了一些东西。

提前致谢!!

CSS

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

1 个答案:

答案 0 :(得分:0)

尝试为#city-chart设置CSS。