header Option

Sets up the object to use as the header of the barchart.

Default:

{
    compass:"south", 
    orientation:"horizontal",
    style: {fill: "#fff", stroke: "none"}, 
    text: "",
    textStyle: {fill: "#000", stroke: "none"}, 
    visible: false
}

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    
    // Get value
    var returnsValue; // Type:  wijmo.chart.chart_title
    returnsValue = $(".selector").wijbarchart("option", "header");
    
    // Set value
    var newValue; // Type:  wijmo.chart.chart_title
    $(".selector").wijbarchart("option", "header", newValue);
        
});

var header : chart_title;

Example

This code creates a chart with a header that looks like the one in the following image.

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#wijbarchart").wijbarchart({
            header: {
                style: {fill: "gainsboro"},
                text: "Increase Over Previous Year ",
                textStyle: {"font-size": 24, fill:"limegreen", stroke:"black"}
            },
            seriesList: [{
                legendEntry: false,
                data: { 
                    x: ['Ford', 'GM', 'Chrysler', 'Toyota', 'Nissan', 'Honda'], 
                    y: [.05, .04, .21, .27, .1, .24] 
                }
            }],
        });
    });
</script>

Reference

options type
footer Option
wijbarchart Method