我用以下代码创建了一个pie chart

customeractivity
.width(262)
.height(120)
.slicesCap(5)
.colors(d3.scale.ordinal().range(["#FFDA33","#05BCDC","#EA7262","#0071CF","#58A531","#E51F30"]))
.dimension(Age_GrpDimension)
.group(Age_GrpGroup)
.legend(dc.legend().x(0).y(16).itemHeight(15).gap(3))

.on('pretransition', function(chart) {
    chart.selectAll('text.pie-slice').text(function(d) {
        return  Math.round(dc.utils.printSingleValue((d.endAngle - d.startAngle) / (2*Math.PI) * 100)*10)/10+ '%';
    })
});

customeractivity.render();


pie chart看起来像这样:

javascript - 如何向下移动饼图?-LMLPHP

有谁知道如何向下移动此饼图?
我尝试添加space,但是有一些副作用。所以,我现在被困住了。请帮帮我。

最佳答案

将标签用作“预测客户活动”标题,然后使用padding向下移动图表。请尝试以下代码。

<div class="x_content" style="margin: 20px 0px 0px -24px;color:black;width:200px;height:255px;background:#ffffff;border:1px solid black;">
<h style="margin: 3px 0px 0px 0px;font-size:13px;"><b>&nbsp;&nbsp;&nbsp;Forecast Customer Activity</b></h>
<div id="customeractivity" style="margin: 0px 0px 0px 0px;padding:30px 0px 0px 0px;">
</div>
</div>

09-17 22:39