{% load staticfiles %}
<!doctype html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML5 SVG可互动的3D标签云代码 - 站长素材</title>
	<link rel="stylesheet" type="text/css" href="{% static '/lib/css/zzsc-demo.css'%}">
	<style type="text/css">
		#tag-cloud {
			width: 640px;
			height: 480px;
			margin: 50px auto;
		}
	</style>
</head>

<body>
	<div class="zzsc-container">
		<div id='tag-cloud'></div>
	</div>

	<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
	<script src="{% static '/lib/js/jquery.svg3dtagcloud.min.js' %}"></script>
	<script>
		$(document).ready(function () {
			var entries = [
				{ label: '黄瓜白粉病', url: '#', target: 'BoardRight' },
				{ label: '西瓜煤污病', url: '#', target: 'BoardRight' },
				{ label: '小麦锈病', url: '#', target: 'BoardRight' },
				{ label: '葡萄霜霉病', url: '#', target: 'BoardRight' },
				{ label: '花生白绢病', url: '#', target: 'BoardRight' },
				{ label: '苹果褐斑病', url: 'sell_view', target: '' },
				{ label: '芒果炭疽病', url: 'sell_view', target: 'BoardRight' },
				{ label: '桃缩叶病', url: '#', target: 'BoardRight' },
				{ label: '杨树溃疡病', url: 'sell_view', target: 'BoardRight' },
				{ label: '苹果木腐病', url: 'sell_view', target: 'BoardRight' },
				{ label: '苹果轮纹病', url: 'sell_view', target: 'BoardRight' },
				{ label: '番茄猝倒病', url: 'sell_view', target: 'BoardRight' },
				{ label: '黄瓜细菌性角斑病', url: '#', target: 'BoardRight' },
				{ label: '水稻白叶枯病', url: 'sell_view', target: 'BoardRight' },
				{ label: '马铃薯青枯病', url: 'sell_view', target: 'BoardRight' },
				{ label: '柑橘溃疡病', url: 'sell_view', target: '' },
				{ label: '白菜细菌性软腐病', url: 'sell_view', target: 'BoardRight' },
				{ label: '月季根癌病', url: 'https://github.com/', target: 'BoardRight' },
				{ label: '辣椒花叶病毒病', url: 'sell_view', target: 'BoardRight' },
				{ label: '大白菜病毒病', url: '#', target: 'BoardRight' },
				{ label: '葡萄扇叶病', url: 'sell_view', target: 'BoardRight' },
				{ label: '小麦网腥黑穗病', url: 'sell_view', target: 'BoardRight' },
				{ label: '小麦链格孢叶枯病 ', url: 'sell_view', target: 'BoardRight' },
				{ label: '大豆灰霉病 ', url: 'sell_view', target: 'BoardRight' },
				{ label: '花生立枯病和纹枯病', url: 'sell_view', target: 'BoardRight' },
				{ label: '花生锈病', url: 'sell_view', target: 'BoardRight' },
				{ label: '棉花立枯病', url: '#', target: 'BoardRight' },
				{ label: '十字花科黑斑病', url: '#', target: 'BoardRight' }
			];

			var settings = {

				entries: entries,
				width: 640,
				height: 480,
				radius: '85%',
				radiusMin: 5,
				bgDraw: true,
				bgColor: '#fff',
				opacityOver: 1.00,
				opacityOut: 0.05,
				opacitySpeed: 6,
				fov: 800, //800
				speed: 0.5,
				fontFamily: 'Oswald, Arial, sans-serif',
				fontSize: '18',
				fontColor: '#494A5F',
				fontWeight: 'bold',//bold
				fontStyle: 'normal',//italic 
				fontStretch: 'normal',//wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
				fontToUpperCase: true

			};

			//var svg3DTagCloud = new SVG3DTagCloud( document.getElementById( 'holder'  ), settings );
			$('#tag-cloud').svg3DTagCloud(settings);

		});

	</script>

</body>

</html>