animated donut chart

pull/64/head
A-L-J 4 years ago committed by GitHub
parent 0cb9fd377d
commit 01f061935d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -0,0 +1,2 @@
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

@ -0,0 +1,29 @@
<!doctype html>
<html class="fixed">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="assets/stylesheets/theme.css" />
</head>
<body>
<section class="body">
<div class="inner-wrapper">
<div class="chart chart-md" id="morrisDonut"></div>
<script type="text/javascript">
var morrisDonutData = [{
label: "Blue",
value: 32
}, {
label: "Purple",
value: 18
}, {
label: "Red",
value: 20
}];
</script>
</div>
</section>
<script src="assets/vendor/jquery/jquery.js"></script> <script src="assets/vendor/raphael/raphael.js"></script> <script src="assets/vendor/morris.js/morris.js"></script>
<script src="assets/javascripts/ui-elements/examples.charts.js"></script>
</body>
</html>
Loading…
Cancel
Save