2014/08/20

[jQuery][jqplot]円グラフの色を変更

jqplotを使って円グラフの各部分の色を変更する方法。

<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]]], {
  seriesColors:['#ff0000','#00ff00'],
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      showDataLabels: true
    }
  },
  legend: { show:true, location: 'e' }
});
seriesColorsキーに配列形式で色を設定すればおk

0 コメント:

コメントを投稿