score:7

spacingbottom is what you need to add, and also you need to take care of the offset:

chart: {
            events: {
                load: function () {
                    var label = this.renderer.label("how do i move this center and under the legend.")
                    .css({
                        width: '450px',
                        color: '#222',
                        fontsize: '16px'
                    })
                    .attr({
                        'stroke': 'silver',
                        'stroke-width': 2,
                        'r': 5,
                        'padding': 10
                    })
                    .add();

                    label.align(highcharts.extend(label.getbbox(), {
                        align: 'center',
                        x: 0, // offset
                        verticalalign: 'bottom',
                        y: 50 // set the right offset
                    }), null, 'spacingbox');

                }
            },
            renderto: 'container_chartfreqatatailnum',  
            type: 'bar',
            height: 895,
            spacingbottom: 100 // the space between the bottom edge of the chart and the content (plot area, axis title and labels, title, subtitle or legend in top position).         
        }

here is the fiddle: http://jsfiddle.net/umbhf/1/


Related Query

More Query from same tag