如何使用jqplot更改饼图的圆圈大小？

Question

我不知道如何改变圆的大小。

在我的图表中，圆圈非常小。

我想要一个比当前更大的圆。

代码例如：

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} 
} 

Answer 1

我改变通过CSS的圆的大小。馅饼本身被设置为与div一起收缩或增长，只要它不是太小。尝试使用宽度和高度对div进行样式设置，以查看这是否是您要查找的内容。

<div id="pieChart" style="width:50%;height:50%;"></div> 

您还可以进入jqplot.pieRenderer.js，寻找

this.diameter=null;this.padding=20; 

空值可以改变成任何你喜欢做的圈子更大数量。如果你让它比你的div更大，它会伸出div的界限。您也可以更改填充以使圆圈在div中占用更多空间。

Answer 2

table.jqplot-table-legend { 
    table-layout: fixed; 
} 

td.jqplot-table-legend-label 
{ 
    max-width:100px; 
} 

Answer 3

seriesDefaults: { 
      renderer: jQuery.jqplot.PieRenderer, 
      rendererOptions: { 
       padding: 10 
      } 
    } 

您可以通过使用填充option.By改变填充可以更改饼图的大小减少的空间。

Answer 4

检查他们的文档：

http://www.jqplot.com/docs/files/jqPlotOptions-txt.html

seriesDefaults: { 
     rendererOptions: { 
      diameter: <your value>, // diameter of pie, auto computed by default.