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,7 @@
 <script>
+    //    sqale_rating
     $(function () {
-        $('#container_complex').highcharts({
+        $('#container_sqale_rating').highcharts({
 
                     chart: {
                         type: 'gauge',
@@ -43,10 +44,16 @@
                         }]
                     },
 
+                    xAxis: {
+                        style:{
+                            fontSize: '18px'
+                        }
+                    },
+
                     // the value axis
                     yAxis: {
                         min: 0,
-                        max: 1000,
+                        max: 100,
                         minorTickInterval: 'auto',
                         minorTickWidth: 1,
                         minorTickLength: 10,
@@ -66,15 +73,137 @@
 //                        },
                         plotBands: [{
                             from: 0,
-                            to: 500,
+                            to: 5,
                             color: '#55BF3B' // green
                         }, {
-                            from: 500,
-                            to: 800,
+                            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',
+                        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%'
+                        }]
+                    },
+
+                    // 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: 10,
+                            color: '#55BF3B' // green
+                        }, {
+                            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,9 @@
                 });
     });
 
-//    quality
+//    duplicated_lines_density
     $(function () {
-        $('#container_quality').highcharts({
+        $('#container_duplicated_lines_density').highcharts({
 
                     chart: {
                         type: 'gauge',
@@ -158,11 +287,6 @@
                     },
 
                     xAxis: {
-                        title: {
-                            text: '复杂度',
-                            x: -23, //center设置标题的位置
-                            y: 6
-                        },
                         style:{
                             fontSize: '18px'
                         }
@@ -191,20 +315,12 @@
 //                        },
                         plotBands: [{
                             from: 0,
-                            to: 5,
+                            to: 30,
                             color: '#55BF3B' // green
                         }, {
-                            from: 6,
-                            to: 10,
-                            color: '#adde18' // yellow
-                        }, {
-                            from: 11,
-                            to: 20,
-                            color: '#DDDF0D' // red
-                        }, {
-                            from: 21,
+                            from: 31,
                             to: 50,
-                            color: '#df8538' // yellow
+                            color: '#DDDF0D' // red
                         }, {
                             from: 51,
                             to: 100,
@@ -217,8 +333,8 @@
                         enabled: false
                     },
                     series: [{
-                        name: 'SQALE Rating',
-                        data: [<%= @complexity["msr"][5]["frmt_val"] %>]
+                        name: '重复率',
+                        data: [<%= @complexity["msr"][7]["frmt_val"] %>]
 //                        tooltip: {
 //                            valueSuffix: ' km/h'
 //                        }
@@ -245,9 +361,9 @@
                 });
     });
 
-    //    quality
+//    comment_lines_density
     $(function () {
-        $('#container_quality').highcharts({
+        $('#container_comment_lines_density').highcharts({
 
                     chart: {
                         type: 'gauge',
@@ -291,6 +407,11 @@
                     },
 
                     xAxis: {
+                        title: {
+                            text: '复杂度',
+                            x: -23, //center设置标题的位置
+                            y: 6
+                        },
                         style:{
                             fontSize: '18px'
                         }
@@ -319,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,
@@ -345,7 +458,7 @@
                         enabled: false
                     },
                     series: [{
-                        name: 'duplicated_lines_density',
+                        name: '质量等级',
                         data: [<%= @complexity["msr"][5]["frmt_val"] %>]
 //                        tooltip: {
 //                            valueSuffix: ' km/h'
@@ -372,5 +485,4 @@
                     }
                 });
     });
-
 </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>