jQWidgets Forums

jQuery UI Widgets Forums Chart Stacked Column rotation

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  Peter Stoev 13 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Stacked Column rotation #4534

    tombeech
    Member

    Hi,

    is it possible to have a stack column graph, but rotated to the side so from:

    to:

    My code at the moment is:


    $(document).ready(function () {

    var sampleData = [
    { Day: 'Enviroment', High: 30, Medium: 11, Low: 25 },
    { Day: 'Reputation', High: 25, Medium: 25, Low: 02 },
    { Day: 'Legal', High: 30, Medium: 11, Low: 25 },
    { Day: 'Finance', High: 35, Medium: 25, Low: 45 },
    { Day: 'Fire', High: 11, Medium: 20, Low: 25 },
    { Day: 'Security', High: 30, Medium: 22, Low: 30 },
    { Day: 'Health & Safety', High: 60, Medium: 45, Low: 24 },
    { Day: 'Business Continuity', High: 60, Medium: 45, Low: 14 }

    ];
    // prepare jqxChart settings
    var settings = {
    title: "Risks by Type",
    description: "Small Description",
    enableAnimations: true,
    showLegend: true,
    padding: { left: 5, top: 5, right: 5, bottom: 5 },
    titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
    source: sampleData,
    categoryAxis:
    {
    text: 'Category Axis',
    textRotationAngle: 0,
    dataField: 'Day',
    showTickMarks: true,
    tickMarksInterval: 1,
    tickMarksColor: '#888888',
    unitInterval: 1,
    showGridLines: false,
    gridLinesInterval: 1,
    gridLinesColor: '#888888',
    axisSize: 'auto'
    },
    colorScheme: 'scheme04',
    seriesGroups:
    [
    {
    type: 'stackedcolumn',
    columnsGapPercent: 100,
    seriesGapPercent: 5,
    valueAxis:
    {
    unitInterval: 10,
    minValue: 0,
    maxValue: 100,
    displayValueAxis: true,
    description: 'Amount of risks',
    axisSize: 'auto',
    tickMarksColor: '#888888'
    },
    series: [
    { dataField: 'High', displayText: 'High' },
    { dataField: 'Medium', displayText: 'Medium' },
    { dataField: 'Low', displayText: 'Low' }
    ]
    }
    ]
    };
    // setup the chart
    $('#jqxChart').jqxChart(settings);

    });

    Thanks Tom

    Stacked Column rotation #4536

    Peter Stoev
    Keymaster

    Hi Tom,

    The requested feature is not implemented. We still don’t have Bar Charts.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Stacked Column rotation #4537

    tombeech
    Member

    Thanks for the speedy reply.

    Is it something you’re looking to implement soon?

    Stacked Column rotation #4539

    Peter Stoev
    Keymaster

    The feature should be expected for Q4 2012.

    Best Wishes,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.