jlengrand/d3-progress-meter
1
0
Fork 0
mirror of https://github.com/jlengrand/d3-progress-meter.git synced 2026-03-10 08:11:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Expand the demo to show the new features

Browse Source
This commit is contained in:
Claudia Minardi
2016-02-19 14:14:06 +01:00
parent 95e3244086
commit 28e28fc224
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
demo/index.html
View File

@@ -3,10 +3,17 @@
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../d3-progress-meter.html">
</head>
<body>
<d3-progress-meter radius="100" percentage="0.2" current-text="70" goal-text="Goal: 200" type-text="transactions"></d3-progress-meter>
<d3-progress-meter radius="100" percentage="0.65" current-text="6.5m" goal-text="Goal: $10m" type-text="revenue"></d3-progress-meter>
<d3-progress-meter radius="100" percentage="0.9" current-text="225" goal-text="Goal: 250" type-text="points"></d3-progress-meter>
<template is="dom-bind">
<d3-progress-meter radius="100" percentage="0.2" current-text="70" goal-text="Goal: 200" type-text="transactions"></d3-progress-meter>
<d3-progress-meter radius="100" percentage="0.65" current-text="6.5m" goal-text="Goal: $10m" type-text="revenue"></d3-progress-meter>
<d3-progress-meter radius="100" percentage="0.9" current-text="225" goal-text="Goal: 250" type-text="points"></d3-progress-meter> <br/>
<d3-progress-meter radius="100" percentage="0.5" current-text="10" goal-text="Goal: 20" type-text="Visits" background-color="#00ffff" progress-colors="[[colors]]" caption="New visits per day"></d3-progress-meter>
</template>
<script>
var scope = document.querySelector("template[is=dom-bind]");
scope.colors = ['#009999', '#009999', '#009999'];
</script>
</body>
</html>