我有一个页面分为几个部分,可以通过锚点访问。
有没有办法让 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 '<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]
}]
});
});