learning-progress-summary.adp

Delivered as text/html

Related Files

• packages/xotcl-request-monitor/www/learning-progress-summary.tcl
• packages/xotcl-request-monitor/www/learning-progress-summary.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: '@y_axis_label@',
                align: 'high',
		style: {color: Highcharts.getOptions().colors[1]}
            },
	    labels: { overflow: 'justify', style: {color: Highcharts.getOptions().colors[1]} }
        }, {
	    min: 0,
            title: {
                text: '@y_axis_label_1@',
                align: 'high',
		style: {color: Highcharts.getOptions().colors[0]}
            },
	    opposite: true,
            labels: { overflow: 'justify', style: {color: Highcharts.getOptions().colors[0]} }
	}],
        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>