Sha256: 248bf4a3fb20605fd0ba42f1316af24183dacd9642edaf9bf5c270437a45056d
Contents?: true
Size: 1.41 KB
Versions: 6
Compression:
Stored size: 1.41 KB
Contents
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js"></script>
<style>
html,body {
height: 100%;
}
.my_chart {
height: 100%;
position:relative;
left: 5%;
width: 95%;
}
canvas {
position: absolute;
top: 25%;
left: 50%;
transform: translateY(-50%);
transform: translateX(-50%);
}
h1 {
position: absolute;
top: 10%;
left: 20%;
}
nav {
position: fixed;
height: 100%;
float: left;
}
nav ul {
position: relative;
top: 25%;
}
nav li {
list-style-type: none;
margin-top: 20px;
}
nav a {
text-decoration: none;
padding: 3px 3px 3px 3px;
background-color: lightgray;
width: 20px;
display: block;
text-align: center;
color: white;
}
</style>
</head>
<body>
<nav>
<ul>
<% chart.chart_tags.each_with_index do |t, i| %>
<li>
<a href='#<%= i + 1%>' title='<%= t.name%>' ><%= i + 1%></a>
</li>
<% end %>
</ul>
</nav>
<% chart.chart_tags.each_with_index do |t, i| %>
<div id='<%= i + 1%>'></div>
<%= t.default_html %>
<% end %>
</body>
</html>
Version data entries
6 entries across 6 versions & 1 rubygems