radial-progress-chart
Version:
A customizable Radial Progress Chart written on the top of D3.js.
117 lines (109 loc) • 4.74 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>radial-progress-chart - Radial Progress Chart</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="nico-spm 0.5.5" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link type="image/x-icon" href="/favicon.ico" rel="icon">
<link rel="stylesheet" href="./static/css/normalize.css" />
<link rel="stylesheet" href="./static/css/site.css" />
<link rel="stylesheet" href="./static/css/site.css" />
<link rel="stylesheet" href="./static/css/solarized.css" />
<link rel="stylesheet" href="./static/css/codemirror.css" />
<script>
if (!location.port) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50522089-2', 'auto');
ga('send', 'pageview');
}
</script>
<script src="./static/js/sea.js?nowrap"></script>
<script>
seajs.config({
base: "./"
});
</script>
<!--[if lt IE 9]>
<script src="./static/js/html5shiv.js"></script>
<![endif]-->
</head>
<body class="spmjs">
<script src="./dist/bundle.js?nowrap"></script>
<div class="body-wrapper">
<aside class="sidebar-wrapper">
<h1>
<a href="./">Radial-progress-chart</a>
</h1>
<p class="sidebar-version">Version: <a href="http://spmjs.io/package/radial-progress-chart" title="">0.0.4</a></p>
<p class="sidebar-description" data-keyword="apple">A customizable Radial Progress Chart written on the top of D3.js.</p>
<a class="sidebar-source" href="" target="_blank">View the Project</a>
<ul class="sidebar-navigation" role="navigation">
<li><a href="./">Doc</a></li>
<li><a class="test-link" href="tests/runner.html" target="_blank">Test</a></li>
</ul>
<div class="qrcode-wrapper">
<i class="icon">
<div class="icon-qrcode">
<svg width="1024" height="1024" viewBox="0 0 1024 1024">
<g class="transform-group">
<g transform="translate(0, 18) scale(1, -1) scale(0.024, 0.024)">
<path d="M116.8 792.062v0 0zM334.523 138.877v-72.569h-72.569v72.569h72.569zM334.523 574.339v-72.569h-72.569v72.569h72.569zM769.984 574.339v-72.569h-72.569v72.569h72.569zM189.369-5.705h217.723v217.167h-217.723v-217.167zM189.369 429.185h217.723v217.723h-217.723v-217.723zM624.831 429.185h217.723v217.723h-217.723v-217.723zM479.677 284.031v-362.877h-362.877v362.877h362.877zM769.984-6.277v-72.569h-72.569v72.569h72.569zM915.138-6.277v-72.569h-72.569v72.569h72.569zM915.138 284.031v-217.723h-217.723v72.569h-72.569v-217.723h-72.569v362.877h217.723v-72.569h72.569v72.569h72.569zM479.677 719.493v-362.877h-362.877v362.877h362.877zM915.138 719.493v-362.877h-362.877v362.877h362.877z" fill="#666"></path>
</g>
</g>
</svg>
</div>
<div class="qrcode" id="qrcode"></div>
</i>
</div>
<div class="footer-wrapper"><a target="_blank" href="http://spmjs.io">spmjs.io</a> /
<a target="_blank" href="https://github.com/spmjs/spm">spm</a> /
<a target="_blank" href="http://seajs.org">sea.js</a> /
<a target="_blank" href="http://lab.lepture.com/nico/">nico-spm</a>
</div>
</aside>
<div class="content-wrapper">
<article class="hentry">
<h1 class="entry-title">Radial Progress Chart</h1>
<div class="entry-content">
</div>
</article>
</div>
</div>
</body>
<script src="./static/js/nprogress.js?nowrap"></script>
<script>
(function() {
NProgress.start();
window.onload = NProgress.done;
var ready = function(fn) {
var doc = document;
if(doc.addEventListener) {
doc.addEventListener('DOMContentLoaded', fn, false);
} else {
doc.attachEvent('onreadystatechange', fn);
}
};
ready(function() {
NProgress.inc(0.6);
seajs.use("./static/js/arale-qrcode.js?nowrap", function(QRCode) {
var url = location.href;
if (location.hostname === 'localhost' || location.hostname === '127.0.0.1') {
url = url.replace(location.hostname, '10.0.40.122');
}
var el = new QRCode({
text: url,
render: 'canvas',
width: 120,
height: 120
});
document.getElementById('qrcode').appendChild(el);
});
}, false);
})();
</script>
</html>