Widget:WJG UserExamQuery: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (5 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"> | ||
<!-- 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> | |||
<canvas id=" | |||
<script> | <script> | ||
// line chart data | // line chart data | ||
| Line 250: | Line 261: | ||
new Chart(buyers).Line(buyerData,newopts); | new Chart(buyers).Line(buyerData,newopts); | ||
</script> | </script> | ||
</ | </div> | ||
<div id="metrics"></div> | <div id="metrics"></div> | ||
<div id="wjgContainer"> | <div id="wjgContainer"> | ||
<table id="report"> | <table id="report"> | ||
<thead> | <thead> | ||