From eca189335b844dd1579af189f11c402334be6d82 Mon Sep 17 00:00:00 2001
From: huang <huang.jingquan@163.com>
Date: Thu, 23 Jun 2016 17:40:27 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../quality_analysis/_hightchars.html.erb     | 412 +++++++++++-------
 app/views/quality_analysis/_show.html.erb     |   8 +-
 2 files changed, 266 insertions(+), 154 deletions(-)

diff --git a/app/views/quality_analysis/_hightchars.html.erb b/app/views/quality_analysis/_hightchars.html.erb
index 5acb0e20f..cea38f691 100644
--- a/app/views/quality_analysis/_hightchars.html.erb
+++ b/app/views/quality_analysis/_hightchars.html.erb
@@ -1,6 +1,135 @@
 <script>
+    //    sqale_rating
     $(function () {
-        $('#container_complex').highcharts({
+        $('#container_sqale_rating').highcharts({
+
+                    chart: {
+                        type: 'gauge',
+                        plotBackgroundColor: null,
+                        plotBackgroundImage: null,
+                        plotBorderWidth: 0,
+                        plotShadow: false
+                    },
+                    title: false,
+                    pane: {
+                        startAngle: -150,
+                        endAngle: 150,
+                        background: [{
+                            backgroundColor: {
+                                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                                stops: [
+                                    [0, '#FFF'],
+                                    [1, '#333']
+                                ]
+                            },
+                            borderWidth: 0,
+                            outerRadius: '109%'
+                        }, {
+                            backgroundColor: {
+                                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                                stops: [
+                                    [0, '#333'],
+                                    [1, '#FFF']
+                                ]
+                            },
+                            borderWidth: 1,
+                            outerRadius: '107%'
+                        }, {
+                            // default background
+                        }, {
+                            backgroundColor: '#DDD',
+                            borderWidth: 0,
+                            outerRadius: '105%',
+                            innerRadius: '103%'
+                        }]
+                    },
+
+                    xAxis: {
+                        style:{
+                            fontSize: '18px'
+                        }
+                    },
+
+                    // the value axis
+                    yAxis: {
+                        min: 0,
+                        max: 100,
+                        minorTickInterval: 'auto',
+                        minorTickWidth: 1,
+                        minorTickLength: 10,
+                        minorTickPosition: 'inside',
+                        minorTickColor: '#666',
+                        tickPixelInterval: 30,
+                        tickWidth: 2,
+                        tickPosition: 'inside',
+                        tickLength: 10,
+                        tickColor: '#666',
+                        labels: {
+                            step: 2,
+                            rotation: 'auto'
+                        },
+//                        title: {
+//                            text: 'km/h'
+//                        },
+                        plotBands: [{
+                            from: 0,
+                            to: 5,
+                            color: '#55BF3B' // green
+                        }, {
+                            from: 6,
+                            to: 10,
+                            color: '#adde18' // yellow
+                        }, {
+                            from: 11,
+                            to: 20,
+                            color: '#DDDF0D' // red
+                        }, {
+                            from: 21,
+                            to: 50,
+                            color: '#df8538' // yellow
+                        }, {
+                            from: 51,
+                            to: 100,
+                            color: '#DF5353' // yellow
+                        }]
+                    },
+
+//                  delete hightcharts.com
+                    credits:{
+                        enabled: false
+                    },
+                    series: [{
+                        name: '代码质量',
+                        data: [<%= @complexity["msr"][9]["frmt_val"] %>]
+//                        tooltip: {
+//                            valueSuffix: ' km/h'
+//                        }
+                    }]
+
+                },
+                // Add some life
+                function (chart) {
+                    if (!chart.renderer.forExport) {
+                        setInterval(function () {
+                            var point = chart.series[0].points[0],
+                                    newVal,
+                                    inc = Math.round((Math.random() - 0.5) * 20);
+
+                            newVal = point.y + inc;
+                            if (newVal < 0 || newVal > 200) {
+                                newVal = point.y - inc;
+                            }
+
+                            point.update(newVal);
+
+                        }, 3000);
+                    }
+                });
+    });
+
+//    function_complexity
+    $(function () {
+        $('#container_function_complexity').highcharts({
 
                     chart: {
                         type: 'gauge',
@@ -46,7 +175,7 @@
                     // the value axis
                     yAxis: {
                         min: 0,
-                        max: 1000,
+                        max: 100,
                         minorTickInterval: 'auto',
                         minorTickWidth: 1,
                         minorTickLength: 10,
@@ -66,15 +195,15 @@
 //                        },
                         plotBands: [{
                             from: 0,
-                            to: 500,
+                            to: 10,
                             color: '#55BF3B' // green
                         }, {
-                            from: 500,
-                            to: 800,
+                            from: 11,
+                            to: 15,
                             color: '#DDDF0D' // yellow
                         }, {
-                            from: 800,
-                            to: 1000,
+                            from: 16,
+                            to: 30,
                             color: '#DF5353' // red
                         }]
                     },
@@ -84,7 +213,7 @@
                         enabled: false
                     },
                     series: [{
-                        name: 'Fuction Complexity',
+                        name: '复杂度',
                         data: [<%= @complexity["msr"][5]["frmt_val"] %>]
 //                        tooltip: {
 //                            valueSuffix: ' km/h'
@@ -112,9 +241,129 @@
                 });
     });
 
-//    quality
+//    duplicated_lines_density
     $(function () {
-        $('#container_quality').highcharts({
+        $('#container_duplicated_lines_density').highcharts({
+
+                    chart: {
+                        type: 'gauge',
+                        plotBackgroundColor: null,
+                        plotBackgroundImage: null,
+                        plotBorderWidth: 0,
+                        plotShadow: false
+                    },
+                    title: false,
+                    pane: {
+                        startAngle: -150,
+                        endAngle: 150,
+                        background: [{
+                            backgroundColor: {
+                                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                                stops: [
+                                    [0, '#FFF'],
+                                    [1, '#333']
+                                ]
+                            },
+                            borderWidth: 0,
+                            outerRadius: '109%'
+                        }, {
+                            backgroundColor: {
+                                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                                stops: [
+                                    [0, '#333'],
+                                    [1, '#FFF']
+                                ]
+                            },
+                            borderWidth: 1,
+                            outerRadius: '107%'
+                        }, {
+                            // default background
+                        }, {
+                            backgroundColor: '#DDD',
+                            borderWidth: 0,
+                            outerRadius: '105%',
+                            innerRadius: '103%'
+                        }]
+                    },
+
+                    xAxis: {
+                        style:{
+                            fontSize: '18px'
+                        }
+                    },
+
+                    // the value axis
+                    yAxis: {
+                        min: 0,
+                        max: 100,
+                        minorTickInterval: 'auto',
+                        minorTickWidth: 1,
+                        minorTickLength: 10,
+                        minorTickPosition: 'inside',
+                        minorTickColor: '#666',
+                        tickPixelInterval: 30,
+                        tickWidth: 2,
+                        tickPosition: 'inside',
+                        tickLength: 10,
+                        tickColor: '#666',
+                        labels: {
+                            step: 2,
+                            rotation: 'auto'
+                        },
+//                        title: {
+//                            text: 'km/h'
+//                        },
+                        plotBands: [{
+                            from: 0,
+                            to: 30,
+                            color: '#55BF3B' // green
+                        }, {
+                            from: 31,
+                            to: 50,
+                            color: '#DDDF0D' // red
+                        }, {
+                            from: 51,
+                            to: 100,
+                            color: '#DF5353' // yellow
+                        }]
+                    },
+
+//                  delete hightcharts.com
+                    credits:{
+                        enabled: false
+                    },
+                    series: [{
+                        name: '重复率',
+                        data: [<%= @complexity["msr"][7]["frmt_val"] %>]
+//                        tooltip: {
+//                            valueSuffix: ' km/h'
+//                        }
+                    }]
+
+                },
+                // Add some life
+                function (chart) {
+                    if (!chart.renderer.forExport) {
+                        setInterval(function () {
+                            var point = chart.series[0].points[0],
+                                    newVal,
+                                    inc = Math.round((Math.random() - 0.5) * 20);
+
+                            newVal = point.y + inc;
+                            if (newVal < 0 || newVal > 200) {
+                                newVal = point.y - inc;
+                            }
+
+                            point.update(newVal);
+
+                        }, 3000);
+                    }
+                });
+    });
+
+//    comment_lines_density
+    $(function () {
+        $('#container_comment_lines_density').highcharts({
 
                     chart: {
                         type: 'gauge',
@@ -191,20 +440,12 @@
 //                        },
                         plotBands: [{
                             from: 0,
-                            to: 5,
-                            color: '#55BF3B' // green
-                        }, {
-                            from: 6,
-                            to: 10,
-                            color: '#adde18' // yellow
-                        }, {
-                            from: 11,
                             to: 20,
-                            color: '#DDDF0D' // red
+                            color: '#55BF3B' // green
                         }, {
                             from: 21,
                             to: 50,
-                            color: '#df8538' // yellow
+                            color: '#DDDF0D' // red
                         }, {
                             from: 51,
                             to: 100,
@@ -217,7 +458,7 @@
                         enabled: false
                     },
                     series: [{
-                        name: 'SQALE Rating',
+                        name: '质量等级',
                         data: [<%= @complexity["msr"][5]["frmt_val"] %>]
 //                        tooltip: {
 //                            valueSuffix: ' km/h'
@@ -244,133 +485,4 @@
                     }
                 });
     });
-
-    //    quality
-    $(function () {
-        $('#container_quality').highcharts({
-
-                    chart: {
-                        type: 'gauge',
-                        plotBackgroundColor: null,
-                        plotBackgroundImage: null,
-                        plotBorderWidth: 0,
-                        plotShadow: false
-                    },
-                    title: false,
-                    pane: {
-                        startAngle: -150,
-                        endAngle: 150,
-                        background: [{
-                            backgroundColor: {
-                                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-                                stops: [
-                                    [0, '#FFF'],
-                                    [1, '#333']
-                                ]
-                            },
-                            borderWidth: 0,
-                            outerRadius: '109%'
-                        }, {
-                            backgroundColor: {
-                                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-                                stops: [
-                                    [0, '#333'],
-                                    [1, '#FFF']
-                                ]
-                            },
-                            borderWidth: 1,
-                            outerRadius: '107%'
-                        }, {
-                            // default background
-                        }, {
-                            backgroundColor: '#DDD',
-                            borderWidth: 0,
-                            outerRadius: '105%',
-                            innerRadius: '103%'
-                        }]
-                    },
-
-                    xAxis: {
-                        style:{
-                            fontSize: '18px'
-                        }
-                    },
-
-                    // the value axis
-                    yAxis: {
-                        min: 0,
-                        max: 100,
-                        minorTickInterval: 'auto',
-                        minorTickWidth: 1,
-                        minorTickLength: 10,
-                        minorTickPosition: 'inside',
-                        minorTickColor: '#666',
-                        tickPixelInterval: 30,
-                        tickWidth: 2,
-                        tickPosition: 'inside',
-                        tickLength: 10,
-                        tickColor: '#666',
-                        labels: {
-                            step: 2,
-                            rotation: 'auto'
-                        },
-//                        title: {
-//                            text: 'km/h'
-//                        },
-                        plotBands: [{
-                            from: 0,
-                            to: 5,
-                            color: '#55BF3B' // green
-                        }, {
-                            from: 6,
-                            to: 10,
-                            color: '#adde18' // yellow
-                        }, {
-                            from: 11,
-                            to: 20,
-                            color: '#DDDF0D' // red
-                        }, {
-                            from: 21,
-                            to: 50,
-                            color: '#df8538' // yellow
-                        }, {
-                            from: 51,
-                            to: 100,
-                            color: '#DF5353' // yellow
-                        }]
-                    },
-
-//                  delete hightcharts.com
-                    credits:{
-                        enabled: false
-                    },
-                    series: [{
-                        name: 'duplicated_lines_density',
-                        data: [<%= @complexity["msr"][5]["frmt_val"] %>]
-//                        tooltip: {
-//                            valueSuffix: ' km/h'
-//                        }
-                    }]
-
-                },
-                // Add some life
-                function (chart) {
-                    if (!chart.renderer.forExport) {
-                        setInterval(function () {
-                            var point = chart.series[0].points[0],
-                                    newVal,
-                                    inc = Math.round((Math.random() - 0.5) * 20);
-
-                            newVal = point.y + inc;
-                            if (newVal < 0 || newVal > 200) {
-                                newVal = point.y - inc;
-                            }
-
-                            point.update(newVal);
-
-                        }, 3000);
-                    }
-                });
-    });
-
 </script>
\ No newline at end of file
diff --git a/app/views/quality_analysis/_show.html.erb b/app/views/quality_analysis/_show.html.erb
index 674507c4c..24fd990df 100644
--- a/app/views/quality_analysis/_show.html.erb
+++ b/app/views/quality_analysis/_show.html.erb
@@ -24,24 +24,24 @@
   <div class="analysis-block mt10 mb40 f14">
     <div class="flex">
       <div class="analysis-genral">
-        <p id="container_quality" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
+        <p id="container_sqale_rating" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
         <p class="fontGrey3">质量等级</p>
         <p class="fontBlue2 pr">A<span class="f8 c_white analysis-genral-icon b_green2 borderRadius">正常</span></p>
       </div>
       <div class="analysis-genral" >
-        <p id="container_complex" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
+        <p id="container_function_complexity" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
         <p class="fontGrey3">复杂度</p>
         <p class="fontBlue2 pr">44<span class="f8 c_white analysis-genral-icon b_green2 borderRadius">正常</span></p>
       </div>
     </div>
     <div class="flex">
       <div class="analysis-genral">
-        <p id="container_repeat" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
+        <p id="container_duplicated_lines_density" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
         <p class="fontGrey3 mt15">重复</p>
         <p class="fontBlue2 pr">44%<span class="f8 c_white analysis-genral-icon b_green2 borderRadius">正常</span></p>
       </div>
       <div class="analysis-genral">
-        <p id="container_zhushi" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
+        <p id="container_comment_lines_density" style="max-width:260px;min-height:260px;width:260px; margin:0 auto;"></p>
         <p class="fontGrey3">注释率</p>
         <p class="fontBlue2 pr">12%<span class="f8 c_white analysis-genral-icon b_red borderRadius">偏低</span></p>
       </div>