如何使用jqplot更改饼图的圆圈大小?
问题描述:
我不知道如何改变圆的大小。如何使用jqplot更改饼图的圆圈大小?
在我的图表中,圆圈非常小。
我想要一个比当前更大的圆。
代码例如:
plot2 = jQuery.jqplot('PieChart',[ ticks ,rs_money],
{
grid: {
drawBorder: false,
drawGridlines: false,
background: 'transparent',
shadow:false
},
axesDefaults: {
},
seriesDefaults:{
renderer:$.jqplot.PieRenderer,
rendererOptions: {
showDataLabels: true,
startAngle: 180,
sliceMargin: 2
}
},
legend: { fontSize:'11px',show:true,location: 's', labels:ticks}
}
答
我改变通过CSS的圆的大小。馅饼本身被设置为与div一起收缩或增长,只要它不是太小。尝试使用宽度和高度对div进行样式设置,以查看这是否是您要查找的内容。
<div id="pieChart" style="width:50%;height:50%;"></div>
您还可以进入jqplot.pieRenderer.js,寻找
this.diameter=null;this.padding=20;
空值可以改变成任何你喜欢做的圈子更大数量。如果你让它比你的div更大,它会伸出div的界限。您也可以更改填充以使圆圈在div中占用更多空间。
答
table.jqplot-table-legend {
table-layout: fixed;
}
td.jqplot-table-legend-label
{
max-width:100px;
}
答
seriesDefaults: {
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
padding: 10
}
}
您可以通过使用填充option.By改变填充可以更改饼图的大小减少的空间。
答
检查他们的文档:
http://www.jqplot.com/docs/files/jqPlotOptions-txt.html
seriesDefaults: {
rendererOptions: {
diameter: <your value>, // diameter of pie, auto computed by default.
我也有同样的问题 - 有你达成的任何解决办法了吗? – FastTrack 2012-08-23 20:51:29