<!doctype html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="zh" > <!--<![endif]-->
<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跨设备jQuery图表插件 - 网页模板</title>
<link href="dist/css/vendor/normalize.css" media="screen" rel="stylesheet" type="text/css" />
<link href="dist/css/vendor/foundation.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<link href="dist/css/pizza.css" media="screen, projector, print" rel="stylesheet" type="text/css" />
<script src="dist/js/vendor/modernizr.js"></script>
</head>
<body>
<div class="row">
<div class="large-4 small-4 columns">
<ul data-pie-id="pie">
<li data-value="60">Water Buffalo (60)</li>
<li data-value="20">Bison (20)</li>
<li data-value="12">Sheep (12)</li>
<li data-value="32" data-text="Goats {{percent}} ({{value}} total)">Goat (32)</li>
<li data-value="50">Shetland Pony (50)</li>
</ul>
</div>
<div class="large-8 small-8 columns">
<div id="pie"></div>
</div>
</div>
<div class="row">
<div class="large-4 small-4 columns">
<ul data-pie-id="donut" data-options='{"donut":"true"}'>
<li data-value="60">Water Buffalo (60)</li>
<li data-value="20">Bison (20)</li>
<li data-value="12">Sheep (12)</li>
<li data-value="32">Goat (32)</li>
<li data-value="50">Shetland Pony (50)</li>
</ul>
</div>
<div class="large-8 small-8 columns">
<div id="donut"></div>
</div>
</div>
<div class="row">
<div class="large-4 small-4 columns">
<ul data-bar-id="bar">
<li data-value="200">Water Buffalo (300)</li>
<li data-value="178">Bison (178)</li>
<li data-value="12">Sheep (12)</li>
<li data-value="32">Goat (32)</li>
<li data-value="250">Shetland Pony (250)</li>
<li data-value="99">Wild Ant (99)</li>
<li data-value="78">Chameleon (78)</li>
</ul>
</div>
<div class="large-8 small-8 columns">
<div id="bar" style="height: 450px;"></div>
</div>
</div>
<div class="row">
<div class="large-4 small-4 columns">
<ul data-line-id="line">
<li data-y="0" data-x="0">Water Buffalo</li>
<li data-y="10" data-x="10">Bison</li>
<li data-y="20" data-x="20">Bison</li>
<li data-y="30" data-x="30">Bison</li>
<li data-y="35" data-x="40">Bison</li>
<li data-y="50" data-x="200">Bison</li>
</ul>
</div>
<div class="large-8 small-8 columns">
<div id="line" style="height: 450px;"></div>
</div>
</div>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="dist/js/vendor/dependencies.js"></script>
<script src="dist/js/pizza.js"></script>
<script>
$(window).load(function() {
Pizza.init();
$(document).foundation();
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
HTML5 SVG跨设备jQuery图表插件.zip （20个子文件） 
HTML5 SVG跨设备jQuery图表插件 jiaoben4026 css 
default.css 5KB normalize.css 2KB fonts icomoon.woff 1KB
icomoon.svg 2KB icomoon.eot 2KB icomoon.ttf 1KB
index.html 3KB js pizza pie.js 8KB bar.js 6KB line.js 8KB jquery-1.11.0.min.js 94KB pizza.js 6KB dist css vendor foundation.css 147KB normalize.css 8KB pizza.css 1KB js pizza.min.js 13KB vendor modernizr.js 11KB snap.svg-min.js 65KB dependencies.js 161KB pizza.js 28KB资源评论
