0001-embed-individual-graphs-in-div-to-limit-their-height.patch
bijoe/static/css/bijoe.css | ||
---|---|---|
86 | 86 |
min-height: 80vh; |
87 | 87 |
} |
88 | 88 |
#data { |
89 |
height: 70vh; |
|
90 | 89 |
width: calc(100% - 23em); |
91 | 90 |
} |
91 |
#data div.graph { |
|
92 |
height: 70vh; |
|
93 |
margin-bottom: 4rem; |
|
94 |
} |
|
92 | 95 |
#data.visualization-table { |
93 | 96 |
height: auto; |
94 | 97 |
} |
bijoe/templates/bijoe/cube_chart.html | ||
---|---|---|
3 | 3 |
<h2>{{ table.table_title }}</h2> |
4 | 4 | |
5 | 5 |
<a href="#" target="none" class="button bijoe-png-button">PNG</a> |
6 |
<canvas id="canvas-{{ forloop.counter }}"></canvas> |
|
6 |
<div class="graph"> |
|
7 |
<canvas id="canvas-{{ forloop.counter }}"></canvas> |
|
8 |
</div> |
|
7 | 9 |
<script> |
8 | 10 |
$(function () { |
9 | 11 |
{{ table.javascript }} |
10 |
- |