Commit 41e4b23b authored by Lysander Trischler's avatar Lysander Trischler

Make weight graph 100% wide

parent 7a5fa28d
......@@ -136,19 +136,20 @@
ein einziger vor.</p>
{% else %}
<p>Die letzten {{ len(weights) }} Messpunkte des aufgezeichneten Körpergewichts:</p>
<noscript><p class=warning>Für die Diagrammdarstellung des Körpergewichts
muss JavaScript aktiviert sein! Dazu bitte die Domain
<code>kraftwerk.lyse.isobeef.org</code> erlauben.</p></noscript>
<canvas id=weights width=800 height=400>Für die Diagrammdarstellung
wird das HTML5-&lt;canvas&gt;-Element benötigt, bitte einen
aktuellen Browser verwenden!</canvas>
<canvas id=weights width=800 height=400><p class=warning>Für die Diagrammdarstellung
des Körpergewichts wird das HTML5-<code>&lt;canvas&gt;</code>-Element benötigt,
bitte einen aktuellen Browser verwenden<noscript> und JavaScript für die Domain
<code>kraftwerk.lyse.isobeef.org</code> erlauben</noscript>!</p></canvas>
<script type=text/javascript>
var canvas = document.getElementById("weights");
var parent = document.getElementById("weight");
canvas.width = parent.offsetWidth;
//canvas.height = parent.offsetHeight;
var data = [
{% for weight in weights %}
[{{ int(weight.date.strftime("%s")) * 1000 }}, {{ weight.kg }}],
{% end %}
]
var canvas = document.getElementById("weights");
WeightGraph.render(canvas.getContext("2d"), data, canvas.width - 100, canvas.height - 30);
</script>
{% end %}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment