- $.plot(
- $("#dmg-graph"),
- [ { label: 'average', data: avgs, hoverable: true, clickable: false },
- { label: 'efficiency', data: dmgs, lines: {show:true}, points: {show:false}, hoverable: true, clickable: true }, ],
- { yaxis: {ticks: 10, min: 0 },
- xaxis: {ticks: games},
- grid: { hoverable: true, clickable: true },
- });
+<%block name="js">
+${parent.js()}
+% if player is not None:
+<script src="/static/js/jquery.flot.min.js"></script>
+<script type="text/javascript">
+$(function () {
+ $('#gbtab li').click(function(e) {
+ e.preventDefault();
+ $(this).tab('show');
+ })
+
+ $('#gbtab a:first').tab('show');
+})
+</script>
+
+<script type="text/javascript">
+$(function () {
+ // plot the accuracy graph
+ function plot_acc_graph(data) {
+ var games = new Array();
+ var avgs = new Array();
+ var accs = new Array();
+
+ var i=0;
+ for(i=0; i < data.games; i++) {
+ avgs[i] = [i, data.avg];
+ accs[i] = [i, data.accs[i][1]];
+ game_link = '/game/' + data.accs[i][0];
+ j = data.games - i;
+ games[i] = [i, '<a href="' + game_link + '">' + j + '</a>'];
+ }
+
+ $.plot(
+ $("#acc-graph"),
+ [ { label: 'average', data: avgs, hoverable: true, clickable: false },
+ { label: 'accuracy', data: accs, lines: {show:true}, points: {show:false}, hoverable: true, clickable: true }, ],
+ { yaxis: {ticks: 10, min: 0, max: 100 },
+ xaxis: {ticks: games},
+ grid: { hoverable: true, clickable: true },
+ });
+}
+
+// plot the damage graph
+function plot_dmg_graph(data) {
+ var games = new Array();
+ var avgs = new Array();
+ var dmgs = new Array();
+
+var i=0;
+for(i=0; i < data.games; i++) {
+ avgs[i] = [i, data.avg];
+ dmgs[i] = [i, data.dmgs[i][1]];
+ game_link = '/game/' + data.dmgs[i][0];
+ j = data.games - i;
+ games[i] = [i, '<a href="' + game_link + '">' + j + '</a>'];
+}
+
+$.plot(
+ $("#dmg-graph"),
+ [ { label: 'average', data: avgs, hoverable: true, clickable: false },
+ { label: 'efficiency', data: dmgs, lines: {show:true}, points: {show:false}, hoverable: true, clickable: true }, ],
+ { yaxis: {ticks: 10, min: 0 },
+ xaxis: {ticks: games},
+ grid: { hoverable: true, clickable: true },
+ });