bendtherules/opencharts
1
0
Fork 0
mirror of https://github.com/bendtherules/opencharts.git synced 2026-08-18 22:02:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

CssCharts aka OpenCharts

Browse Source 
Horizontal and vertical bar charts done
This commit is contained in:
bendtherules
2014-03-26 16:35:26 -07:00
commit 2477ca5489
9 changed files with 677 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
bar_hor/bar_hor.html
+46
View File
@@ -0,0 +1,46 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Horizontal Bar Chart</title>
<link rel="stylesheet" href="bar_hor.css">
</head>
<body>
<div class="chart">
<div class="chart-container">
<div class="axis">
<div class="axis-y">
<div class="axis-line">
<div class="axis-line-container"></div>
</div>
</div>
<div class="axis-x">
<div class="axis-line">
<div class="axis-line-container"></div>
</div>
</div>
</div>
<div class="scene">
<div class="scene-container">
<div class="bar part-1" data-val="50%">
<div class="bar-inner"></div>
</div>
<div class="bar part-2" data-val="62%">
<div class="bar-inner"></div>
</div>
<div class=" bar part-3" data-val="40%">
<div class="bar-inner"></div>
</div>
<div class=" bar part-4" data-val="20%">
<div class="bar-inner"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</body>
</html>