I'm using Highcharts and I want to turn off all the labels. I made my own graph that has its own title and data axes. How do I make the ones provided by Highcharts invisible?

At the moment, I just need to get rid of the y axis marks but I'm not certain how.

Here's what I have so far:

    $('#container').highcharts({
    chart: {
        type: 'area',
        backgroundColor: 'transparent'
    },

    title: {
        text: ' '
    },
    credits: {
        enabled: false
    },
    xAxis: {
        categories: [' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']
    },
    series: [{
        name: 'Rich',
        color: '#FF0000',
        data: []
    }, {
        name: 'Poor',
        data: []
    }]
});
}

I'm using Highcharts and I want to turn off all the labels. I made my own graph that has its own title and data axes. How do I make the ones provided by Highcharts invisible?

At the moment, I just need to get rid of the y axis marks but I'm not certain how.

Here's what I have so far:

    $('#container').highcharts({
    chart: {
        type: 'area',
        backgroundColor: 'transparent'
    },

    title: {
        text: ' '
    },
    credits: {
        enabled: false
    },
    xAxis: {
        categories: [' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']
    },
    series: [{
        name: 'Rich',
        color: '#FF0000',
        data: []
    }, {
        name: 'Poor',
        data: []
    }]
});
}

• javascript
• highcharts

• {tooltip:{enabled:false}}? – Brad Christie Commented Sep 5, 2013 at 14:56

1 Answer 1

Highcharts has fabulous documentation with fiddle examples for most stuff: http://api.highcharts./highcharts

http://jsfiddle/fnHzg/

$('#container').highcharts({
    chart: {
    },
    title : {
        text: null
    },
    xAxis: {

        title: {
            enabled: false
        }
    },
    yAxis: {

        title: {
            enabled: false
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

To also turn off the yAxis and xAxis labels and tick marks:

xAxis: {

    title: {
        enabled: false
    },
    labels: {
        enabled: false
    },
    tickLength: 0
},
yAxis: {

    title: {
        enabled: false
    },
    labels: {
        enabled: false
    },
    tickLength: 0
},