Hide an Axis

Building on the Quick Start example, you can hide an axis and its labels using two attributes of the axis option.

In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which does the following:

Sets the axis y visible attribute to false.
Sets the axis y textVisible attribute to false.

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

Hide Axis Script

Copy Code

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

No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the chart.
Save your HTML file and open it in a browser. The chart appears with no Y axis and no Y axis label text, as in the image below.

Reference

wijbarchart API

axis Option

seriesList Option

Widgets

BarChart Quick Start