2014/09/17

[jQuery][jqplot]積み上げ横棒グラフ

積み上げ式の横棒グラフを作るにはどうすればいいのだろうか?

jQuery の 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.categoryAxisRenderer.min.js"></script>
<script src="./plugins/jqplot.barRenderer.min.js"></script>
$.jqplot( 'horizontalbarchart', [...] ,{
    stackSeries: true,
    seriesDefaults:{
      renderer:$.jqplot.BarRenderer,
      rendererOptions: {
        barDirection: 'horizontal'
      }
    },
    axes:{
      yaxis:{
        renderer: $.jqplot.CategoryAxisRenderer
      }
    }
});
で、実行したらところ、ちゃんと横棒グラフが表示された。

0 コメント:

コメントを投稿