Widget:WJG UserExamQuery: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 25: | Line 25: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.cell{ | #tableContainer .cell{ | ||
width:20%; | width:20%; | ||
text-align: center; | text-align: center; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
span{ | #tableContainer span{ | ||
width:100%; | width:100%; | ||
} | } | ||
| Line 102: | Line 102: | ||
} | } | ||
var plotNewGraph = function(){ | |||
console.log('Now plotting a graph of the user test information'); | |||
$("tr:odd").addClass("odd"); | |||
$("tr:not(.odd)").hide(); | |||
$("tr:first-child").show(); | |||
$("tr.odd").click(function(){ | |||
$(this).next("tr").toggle(); | |||
$(this).find(".arrow").toggleClass("up"); | |||
}); | |||
} | |||
var runQuery= function() { | var runQuery= function() { | ||
| Line 190: | Line 204: | ||
</script> | </script> | ||
<div id="wjgChartArea"> | <div id="wjgChartArea"> | ||
<!-- line chart canvas element --> | <!-- line chart canvas element --> | ||
<canvas id="buyers" width="600" height="400"></canvas> | <canvas id="buyers" width="600" height="400"></canvas> | ||
<canvas id="newGraph" width="600" height="400"></canvas> | |||
<script> | <script> | ||
// line chart data | // line chart data | ||