javascript - 如何使用 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 中占据更多空间。