2014/09/07

[jQuery][jqplot]円グラフの大きさを調節

divタグのwidthとheightを設定して円グラフを表示させたのだが、ちょっと小さい気がする。

どうすれば大きくなるかなーっと思って色々と調べたところ、下のようにしたら大きくなった。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
<script src="./plugins/jqplot.pieRenderer.min.js"></script>
$.jqplot('piechart', [['bar',97],['hoge',3]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      showDataLabels: true,
      padding: 10
    }
  },
  legend: { show:true, location: 'e' }
});
rendererOptionsキーのpaddingパラメータを設定すればおkなんですね。

0 コメント:

コメントを投稿