learning-progress.adp
Delivered as text/html
Related Files
- packages/xotcl-request-monitor/www/learning-progress.tcl
- packages/xotcl-request-monitor/www/learning-progress.adp
[ hide source ] | [ make this the default ]
File Contents
<master> <property name="doc(title)">@title;literal@</property> <property name="context">@context;literal@</property> <property name="head"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript" src="https://code.highcharts.com/highcharts.js"></script> <script type="text/javascript" src="https://code.highcharts.com/modules/exporting.js"></script> </property> <if @filter_html@ ne ""> <h3>Filters</h3> <ul>@filter_html;noquote@</ul> </if> @dimensional_html;noquote@ <p> <div id="container" style="min-width: 310px; max-width: 100%; height: 400px; margin: 0 auto"> </div> <script> $(function () { $('#container').highcharts({ chart: { type: 'line' }, title: { text: '@chart_title@' }, subtitle: { text: 'Course: @course_label;literal@' }, xAxis: { type: 'datetime', title: { text: 'Date'}, }, yAxis: { min: 0, title: { text: '@count_label@', align: 'high' }, labels: { overflow: 'justify' } }, plotOptions: { bar: { dataLabels: { enabled: true } }, series: { point: { events: function () {location.href = this.options.url;} } } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', borderWidth: 1, backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'), shadow: true }, credits: { enabled: false }, series: [@series;literal@] }); }); </script>