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;

null値は、円を大きくするために任意の数値に変更できます。ただし、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 に答える