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} ] ];