2010-12-14 13 views
0

私はx軸に複数のサブカテゴリを置くことができるグラフを作成するためにどのツール/パッケージを使用できるのだろうかと思っていました。これはExcelグラフの機能と非常によく似ています。例えばjquery/javascript/unixグラフ、x軸のサブカテゴリ

Apple| Oranges| WaterMelon | Bittermelon | Cucumbers | Lotus Root 
    Fruits     |  Vegetables  

答えて

3

jqPlotは、グループ化を行うことができますjQueryのプラグインです。

このコードは、次の画像が生成されます。これは素晴らしいです

$(document).ready(function(){ 
    $.jqplot.config.enablePlugins = true; 

    var line1 = [20, 10, 20, 30, 40, 50]; 
    var xticks = ['Apples', 'Oranges', 'Watermelons', 'Bittermelon', 'Cucumbers', 'Lotus Root']; 
    var plot1 = $.jqplot('chart1', [line1], { 
     seriesDefaults:{ 
      renderer:$.jqplot.BarRenderer, 
      rendererOptions: { 
       groups: 2, 
      } 
     }, 
     axes:{ 
      xaxis:{ 
       renderer:$.jqplot.CategoryAxisRenderer, 
       ticks: xticks, 
       rendererOptions: { 
        groupLabels:['Fruits', 'Vegetables'] 
       } 
      } 
     } 
    }); 

}); 

alt text

+0

を!どのようにサブカテゴリーを追加しますか?私は5つのサブカテゴリを追加することを考えていました... – Gordon

+0

ライブラリはjqPlotサイトでかなりうまく文書化されています。また、ダウンロードする際に多数のサンプルが付属しています。どのように動作するのかを理解するために、その中のいくつかを調べることをお勧めします。 – Chris

+0

グループのサイズを変更することはできますか?例えば、果物2個と野菜4個を持っていたら? – uesports135

関連する問題