Tengo una página separada en secciones a las que se accede a través de anclajes. ¿Hay una manera de hacer que la animación de gráficos altos se active cuando su sección en particular se haga visible en lugar de en la carga de la página?

http://jsfiddle.net/YFMSb/2/ (el gráfico se encuentra en "habilidades", por lo que le gustaría que su animación inicial se produjera cuando se abre esa sección de la página. No es necesario volver a animar durante las visitas posteriores a / a través de la sección)

$(function () {
$('#container').highcharts({
    chart: {
            type: 'bar',
            spacingTop: 0
        },

        title: {
            text: ''
        },

        xAxis: {
            labels: {
                enabled: false
            }
        },

        yAxis: {
            min: 0,
            max: 100,
            title: {
                text: ''
            },
            labels: {
                enabled: false
            }
        },

        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },


        tooltip: {
            formatter: function() {
               return '<b>'+ this.series.name +'</b>';
            }
        },

        series: [{
            name: 'clean',
            data: [10],
        }, {
            name: 'eat',
            data: [10]
        }, {
            name: 'sleep',
            data: [40]
        }, {
            name: 'work',
            data: [30]
        }, {
            name: 'play',
            data: [10]
        }]

    });
});