2

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

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

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

代码前：

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

4 回答 4

2

我通过 CSS 更改圆圈的大小。馅饼本身设置为随着 div 缩小或增长，只要它不太小。尝试使用宽度和高度设置 div 的样式，看看这是否是您想要的。

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

您也可以进入 jqplot.pieRenderer.js 并查找

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

可以将空值更改为您喜欢的任何数字以使圆圈变大。如果你让它比你的 div 大，它就会超出 div 的范围。您还可以更改填充以使圆圈在 div 中占据更多空间。

于 2012-11-09T22:21:32.840 回答
2

查看他们的文档：

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

seriesDefaults: {
        rendererOptions: {
            diameter: <your value>, // diameter of pie, auto computed by default.
于 2014-10-22T08:56:05.207 回答
0 
    table.jqplot-table-legend {
    table-layout: fixed;
}

td.jqplot-table-legend-label
{
   max-width:100px;
}
于 2013-11-08T22:13:15.640 回答
0 
    seriesDefaults: {
            renderer: jQuery.jqplot.PieRenderer,
            rendererOptions: {
              padding: 10
            }
    }

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

于 2013-11-20T05:18:58.543 回答