jquery/javascript/unix graphique, sous catégories sur l'axe des x

Question

Je me demandais quel outil/package je peux utiliser pour créer un graphique qui peut mettre plusieurs sous-catégories sur l'axe x. Ceci est très similaire à une fonctionnalité dans les graphiques Excel.

Par exemple:

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

Answer 1

jqPlot est un plugin jQuery qui peut faire le regroupement.

Ce code génère l'image suivante:

$(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'] 
       } 
      } 
     } 
    }); 

});