highcharts: запускать анимацию, когда она видна вместо загрузки страницы
у меня есть страница, разделенная на разделы, доступ к которым осуществляется через якоря. Есть ли способ вызвать анимацию Highcharts, когда ее конкретный раздел становится видимым, а не при загрузке страницы?
http://jsfiddle.net/YFMSb/2/ (диаграмма поднавыки', поэтому хотелось бы, чтобы его начальная анимация происходила при открытии этого раздела страницы. не нужно реанимировать во время последующих посещений раздела)
$(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 ''+ this.series.name +'';
}
},
series: [{
name: 'clean',
data: [10],
}, {
name: 'eat',
data: [10]
}, {
name: 'sleep',
data: [40]
}, {
name: 'work',
data: [30]
}, {
name: 'play',
data: [10]
}]
});
});