skill-back/static/js/reports.js

			var margin = {top: 100, right: 100, bottom: 100, left: 100},
				width = Math.min(700, window.innerWidth - 10) - margin.left - margin.right,
				height = Math.min(width, window.innerHeight - margin.top - margin.bottom - 20);

$('[name=hw_report]').on('change', function() {
    if ($(this).val() == '0'){
        $('[name=hw_chart]').fadeOut('slow');
        $('[name=hw_preloader]').fadeOut('fast');
    } else {
        $('[name=hw_preloader]').fadeIn('fast');
        draw_graph('hw_chart', get_hw_data($(this).val()))
    }
    console.log(get_hw_data($(this).val()))
});

$('[name=les_report]').on('change', function() {
    if ($(this).val() == '0'){
        $('[name=les_chart]').fadeOut('slow');
        $('[name=les_preloader]').fadeOut('fast');
    } else {
        $('[name=les_preloader]').fadeIn('fast');
        draw_graph('les_chart', get_les_data($(this).val()))
    }
});

$('[name=progress_report]').on('change', function() {
    if ($(this).val() == '0'){
        $('[name=progress_chart]').fadeOut('slow')
        $('[name=progress_preloader]').fadeOut('fast');
    } else {
        $('[name=progress_preloader]').fadeIn('fast');
        draw_graph('progress_chart', get_progress_data($(this).val()))
    }

});

function get_hw_data(course) {
                $.ajax({
                  type: 'GET',
                  url: '/management/reports/get_hw_report/',
                  data: {'course': course},
                    async: false,
                  success: function(data){
                    if(data['code'] == '1'){
                        console.log(data['data'])
                        return data['data'][1]

                    }
                  }
                });
}

function get_les_data(course) {
                $.ajax({
                  type: 'GET',
                  url: '/management/reports/get_les_report/',
                  data: {'course': course},
                    async: false,
                  success: function(data){
                    if(data['code'] == '1'){
                        return new Array(data['data'])
                    }
                  }
                });
}


function get_progress_data(course) {
                $.ajax({
                  type: 'GET',
                  url: '/management/reports/get_progress_report/',
                  data: {'course': course},
                  async: false,
                  success: function(data){
                    if(data['code'] == '1'){
                        return new Array(data['data'])
                    }
                  }
                });
}


function draw_graph(chart, data) {
    $('[name='+chart+']').fadeIn('fast');

			var HWChartOptions = {
			  w: width,
			  h: height,
			  margin: margin,
			  maxValue: 0.5,
			  levels: 5,
			  roundStrokes: true,
			  color: d3.scale.ordinal().range(["#EDC951","#CC333F","#66CC99"])
			};

    		var LESChartOptions = {
			  w: width,
			  h: height,
			  margin: margin,
			  maxValue: 0.5,
			  levels: 5,
			  roundStrokes: true,
			  color: d3.scale.ordinal().range(["#EDC951","#CC333F","#66CC99"])
			};

        	var PROGRESSChartOptions = {
			  w: width,
			  h: height,
			  margin: margin,
			  maxValue: 0.5,
			  levels: 5,
			  roundStrokes: true,
			  color: d3.scale.ordinal().range(["#EDC951","#CC333F","#66CC99"])
			};

            if (chart == 'progress_chart'){
                RadarChart("[name="+chart+"]", data, PROGRESSChartOptions);
                $('[name=progress_preloader]').fadeOut('fast')
            } else if (chart == 'hw_chart') {
                RadarChart("[name="+chart+"]", data, HWChartOptions);
                $('[name=hw_preloader]').fadeOut('fast')
            } else if (chart == 'les_chart') {
                RadarChart("[name="+chart+"]", data, LESChartOptions);
                $('[name=les_preloader]').fadeOut('fast')
            }


}

			var data = [
					  [//iPhone
						{axis:"Battery Life",value:0.22},
						{axis:"Brand",value:0.28},
						{axis:"Contract Cost",value:0.29},
						{axis:"Design And Quality",value:0.17},
						{axis:"Have Internet Connectivity",value:0.22},
						{axis:"Large Screen",value:0.02},
						{axis:"Price Of Device",value:0.21},
						{axis:"To Be A Smartphone",value:0.50}
					  ],[//Samsung
						{axis:"Battery Life",value:0.27},
						{axis:"Brand",value:0.16},
						{axis:"Contract Cost",value:0.35},
						{axis:"Design And Quality",value:0.13},
						{axis:"Have Internet Connectivity",value:0.20},
						{axis:"Large Screen",value:0.13},
						{axis:"Price Of Device",value:0.35},
						{axis:"To Be A Smartphone",value:0.38}
					  ],[//Nokia Smartphone
						{axis:"Battery Life",value:0.26},
						{axis:"Brand",value:0.10},
						{axis:"Contract Cost",value:0.30},
						{axis:"Design And Quality",value:0.14},
						{axis:"Have Internet Connectivity",value:0.22},
						{axis:"Large Screen",value:0.04},
						{axis:"Price Of Device",value:0.41},
						{axis:"To Be A Smartphone",value:0.30}
					  ]
					];