여러 하이 차트를 개발했으며 사용자가 아래로 스크롤하고 그래프 컨테이너가 표시 될 때 애니메이션을 시작하고 싶습니다.
다음은 내 작업의 바이올린입니다. http://jsfiddle.net/LWmn5/
JS :
$(function () {
$('#container1').highcharts({
chart: {
type: 'pie',
options3d: {
enabled: false,
alpha: 0
}
},
colors: ['#081969', '#0e2569', '#1e3b81', '#284893', '#30509b'],
title: {
text: ''
},tooltip: {
enabled: false
},
plotOptions: {
pie: {
innerSize: 140,
depth: 45
}
},
series: [{
name: 'Delivered amount',
data: [
['43.6%', 43.6],
['22.5%', 22.5],
['17.9%', 17.9],
['5.1%', 5.1],
['10.8%', 10.8]
]
}]
});
});
$(function () {
$('#container3').highcharts({
legend: {
enabled: false
},
chart: {
type: 'column',
margin: 25,
options3d: {
enabled: true,
alpha: 20,
beta: 25,
depth: 70
}
},
title: {
text: ''
},
plotOptions: {
column: {
depth: 45,
colorByPoint: true
}
},
colors: [
'#081969',
'grey',
'#30509b'
],
xAxis: {
categories: ['21.56Mbps Melita', '19.47Mbps EU Average', '7.93Mbps GO'],
labels: {
enabled: true
},
gridLineWidth: 0,
minorGridLineWidth: 0,
},
yAxis: {
title: {
text: null
},
opposite: true,
labels: {
enabled: false
},
gridLineWidth: 0,
minorGridLineWidth: 0,
},
series: [{
name: '',
data: [4, 3, 2]
}]
});
});
도움을 주신 분들께 감사드립니다!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다