Vinoth Kumar Vinoth Kumar - 1 year ago 88
CSS Question

How to move a pie chart down?

I have created a

pie chart
with the following code.


.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+ '%';


pie chart
looked like this:

enter image description here

Do anyone know how to move this pie chart down?
I tried adding
, but it had some side effects. So, I'm stuck now. Please help me out.

Answer Source

Use tag for the heading Forecast Customer Activity,then use padding to move the chart down. Try the following code.

<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;">
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download