JQuery / Javascript / Unix графики, подкатегории по оси х

Question

Мне было интересно, какой инструмент / пакет я могу использовать для создания графика, который может разместить несколько подкатегорий на оси x. Это очень похоже на функцию в графиках Excel.

Например:

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

Answer 1

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

});