2016-11-07 12 views
1

Я создал 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(); 

The pie chart выглядел следующим образом:

enter image description here

ли кто-нибудь знает, как переместить эту круговую диаграмму вниз? Я попытался добавить space, но у него были побочные эффекты. Итак, я застрял сейчас. Пожалуйста, помогите мне.

+0

Объяснить четко вниз означает, что вы хотите бросить это –

+0

В какой библиотеке вы используете? –

+0

@SamudralaRamu: Я просто хочу переместить круговую диаграмму, оставив пробел между заголовком ** Прогноз активности клиента ** –

ответ

1

Используйте ярлык для заголовка Прогноз активности клиента, затем используйте 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> 
+1

Это очень понравилось @Vivek Kumar Kalaimani –

Смежные вопросы