Question

我不知道如何更改圆圈大小。

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

我想要一个比现在更大的圈子。

代码ex：

 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

查看他们的文件：

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

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

Answer 3

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

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

Answer 4

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

您可以使用填充选项缩小空间。通过更改填充，您可以更改饼图的大小。

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

4 个答案: