horizontal Option

A value that determines whether the bar chart renders horizontally or vertically. When set to false, the bar chart becomes a column chart.

Type: Boolean

Default value: true

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    
    // Get value
    var returnsValue; // Type:  boolean
    returnsValue = $(".selector").wijbarchart("option", "horizontal");
    
    // Set value
    var newValue; // Type:  boolean
    $(".selector").wijbarchart("option", "horizontal", newValue);
        
});

var horizontal : boolean;

Example

The following code renders the bars vertically, as in the image below.

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#wijbarchart").wijbarchart({
            horizontal: false,
            seriesList: [{
                legendEntry: false,
                data: { 
                    x: ['Ford', 'GM', 'Chrysler', 'Toyota', 'Nissan', 'Honda'], 
                    y: [.05, .04, .21, .27, .1, .24] 
                }
            }],
        });
    });
</script>

Remarks

If set to false, the numeric Y axis renders to the left, and the X axis labels render below the bars.

Reference

options type
wijbarchart Method