jQuery+html5 canvas透明蓄水池状3D柱状图插件

js代码

<script src="js/waterTank.js"></script>
	<script>
	$(document).ready(function() {
		
		$('.waterTankHere1').waterTank({
			width: 420,
			height: 360,
			color: 'skyblue',
			level: 83
		}).on('click', function(event) {
			$(this).waterTank(Math.floor(Math.random() * 100) + 0 );
		});
	  
		$('.waterTankHere2').waterTank({
			width: 80,
			height: 360,
			color: 'red',
			level: 80
		}).on('click', function(event) {
			$(this).waterTank(Math.floor(Math.random() * 100) + 0 );
		});
	  
		$('.waterTankHere3').waterTank({
			width: 20,
			height: 360,
			color: 'blue',
			level: 80
		}).on('click', function(event) {
			$(this).waterTank(Math.floor(Math.random() * 100) + 0 );
		});
	});
	</script>