Răsfoiți Sursa

提交统计概览

walkor 11 ani în urmă
părinte
comite
b77de14731

+ 0 - 1
applications/Statistics/Clients/StatisticClient.php

@@ -1,5 +1,4 @@
 <?php
-require_once  __DIR__ . '/../Lib/StatisticProtocol.php'; 
 /**
  * 统计客户端
  * @author workerman.net

+ 101 - 4
applications/Statistics/Modules/main.php

@@ -12,17 +12,21 @@ function main($module, $interface, $date, $offset)
             $all_st_str .= $st_str;
         }
     }
-
-    $data = formatSt($all_st_str, $date);
+    
+    $code_map = array();
+    $data = formatSt($all_st_str, $date, $code_map);
     $interface_name = '整体';
     $success_series_data = $fail_series_data = $success_time_series_data = $fail_time_series_data = array();
+    $total_count = $fail_count = 0;
     foreach($data as $time_point=>$item)
     {
         if($item['total_count'])
         {
             $success_series_data[] = "[".($time_point*1000).",{$item['total_count']}]";
+            $total_count += $item['total_count'];
         }
         $fail_series_data[] = "[".($time_point*1000).",{$item['fail_count']}]";
+        $fail_count += $item['fail_count'];
         if($item['total_avg_time'])
         {
             $success_time_series_data[] = "[".($time_point*1000).",{$item['total_avg_time']}]";
@@ -33,6 +37,86 @@ function main($module, $interface, $date, $offset)
     $fail_series_data = implode(',', $fail_series_data);
     $success_time_series_data = implode(',', $success_time_series_data);
     $fail_time_series_data = implode(',', $fail_time_series_data);
+    
+    // 总体成功率
+    $global_rate =  $total_count ? round((($total_count - $fail_count)/$total_count)*100, 4) : 100;
+    // 返回码分布
+    $code_pie_data = '';
+    $code_pie_array = array(); 
+    if(is_array($code_map))
+    {
+        $total_item_count = array_sum($code_map);
+        foreach($code_map as $code=>$count)
+        {
+            $code_pie_array[] = "[\"$code\", ".round($count*100/$total_item_count, 4)."]";
+        }
+        $code_pie_data = implode(',', $code_pie_array);
+    }
+    
+    unset($_GET['start_time'], $_GET['end_time'], $_GET['date']);
+    $query = http_build_query($_GET);
+    
+    $table_data = '';
+    if($data)
+    {
+        $first_line = true;
+        foreach($data as $item)
+        {
+            if($first_line)
+            {
+                $first_line = false;
+                if($item['total_count'] == 0)
+                {
+                    continue;
+                }
+            }
+            $html_class = 'class="danger"';
+            if($item['total_count'] == 0)
+            {
+                $html_class = '';
+            }
+            elseif($item['precent']>=99.99)
+            {
+                $html_class = 'class="success"';
+            }
+            elseif($item['precent']>=99)
+            {
+                $html_class = '';
+            }
+            elseif($item['precent']>=98)
+            {
+                $html_class = 'class="warning"';
+            }
+            $table_data .= "\n<tr $html_class>
+                       <td>{$item['time']}</td>
+                       <td>{$item['total_count']}</td>
+                        <td> {$item['total_avg_time']}</td>
+                        <td>{$item['suc_count']}</td>
+                        <td>{$item['suc_avg_time']}</td>
+                        <td>".($item['fail_count']>0?("<a href='/?fn=log&$query&start_time=".strtotime($item['time'])."&end_time=".(strtotime($item['time'])+300)."'>{$item['fail_count']}</a>"):$item['fail_count'])."</td>
+                        <td>{$item['fail_avg_time']}</td>
+                        <td>{$item['precent']}%</td>
+                    </tr>
+            ";
+        }
+    }
+    
+    // date btn
+    $date_btn_str = '';
+    for($i=13;$i>=1;$i--)
+    {
+        $the_time = strtotime("-$i day");
+        $the_date = date('Y-m-d',$the_time);
+        $html_the_date = $date == $the_date ? "<b>$the_date</b>" : $the_date;
+        $date_btn_str .= '<a href="/?date='."$the_date&$query".'" class="btn '.$html_class.'" type="button">'.$html_the_date.'</a>';
+        if($i == 7)
+        {
+            $date_btn_str .= '</br>';
+        }
+    }
+    $the_date = date('Y-m-d');
+    $html_the_date = $date == $the_date ? "<b>$the_date</b>" : $the_date;
+    $date_btn_str .=  '<a href="/?date='."$the_date&$query".'" class="btn" type="button">'.$html_the_date.'</a>';
 
     include ST_ROOT . '/Views/header.tpl.php';
     include ST_ROOT . '/Views/main.tpl.php';
@@ -73,10 +157,10 @@ function multiRequestStAndModules($module, $interface, $date)
     }
 }
 
-function formatSt($str, $date)
+function formatSt($str, $date, &$code_map)
 {
     // time:[suc_count:xx,suc_cost_time:xx,fail_count:xx,fail_cost_time:xx]
-    $st_data = array();
+    $st_data = $code_map = array();
     $st_explode = explode("\n", $str);
     // 汇总计算
     foreach($st_explode as $line)
@@ -93,6 +177,7 @@ function formatSt($str, $date)
         $suc_cost_time = $line_data[3];
         $fail_count = $line_data[4];
         $fail_cost_time = $line_data[5];
+        $tmp_code_map = json_decode($line_data[6], true);
         if(!isset($st_data[$time_line]))
         {
             $st_data[$time_line] = array('suc_count'=>0, 'suc_cost_time'=>0, 'fail_count'=>0, 'fail_cost_time'=>0);
@@ -101,6 +186,18 @@ function formatSt($str, $date)
         $st_data[$time_line]['suc_cost_time'] += $suc_cost_time;
         $st_data[$time_line]['fail_count'] += $fail_count;
         $st_data[$time_line]['fail_cost_time'] += $fail_cost_time;
+        
+        if(is_array($tmp_code_map))
+        {
+            foreach($tmp_code_map as $code=>$count)
+            {
+                if(!isset($code_map[$code]))
+                {
+                    $code_map[$code] = 0;
+                }
+                $code_map[$code] += $count;
+            }
+        }
     }
     // 按照时间排序
     ksort($st_data);

+ 207 - 233
applications/Statistics/Views/main.tpl.php

@@ -2,11 +2,14 @@
 	<div class="row clearfix">
 		<div class="col-md-12 column">
 			<ul class="nav nav-tabs">
+				<li class="active">
+					<a href="/">概述</a>
+				</li>
 				<li>
-					<a href="#">概述</a>
+					<a href="/?fn=statistic">监控</a>
 				</li>
-				<li class="active">
-					<a href="#">监控</a>
+				<li>
+					<a href="/?fn=log">日志</a>
 				</li>
 				<li class="disabled">
 					<a href="#">告警</a>
@@ -26,33 +29,26 @@
 		</div>
 	</div>
 	<div class="row clearfix">
-		<div class="col-md-3 column">
-			<div class="list-group">
-				 <a href="#" class="list-group-item active">HelloWorld</a>
-				 <a href="#" class="list-group-item">sayHello</a>
-				 <a href="#" class="list-group-item">sayHi</a>
-				 <a href="#" class="list-group-item active">User</a>
-				 <a href="#" class="list-group-item active">Blog</a>
+		<div class="col-md-12 column">
+		    <div class="row clearfix">
+		        <div class="col-md-12 column text-center">
+		            <?php echo $date_btn_str;?>
+				</div>
+		    </div>
+			<div class="row clearfix">
+				<div class="col-md-6 column" id="suc-pie">
+				</div>
+				<div class="col-md-6 column" id="code-pie">
+				</div>
 			</div>
-		</div>
-		<div class="col-md-9 column">
-			<div class="alert alert-dismissable alert-success">
-				 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-				<h4>
-					Alert!
-				</h4> <strong>Warning!</strong> Best check yo self, you're not looking too good. <a href="#" class="alert-link">alert link</a>
+			<div class="row clearfix">
+				<div class="col-md-12 column" id="req-container" >
+				</div>
 			</div>
-			<div class="alert alert-dismissable alert-danger">
-				 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-				<h4>
-					Alert!
-				</h4> <strong>Warning!</strong> Best check yo self, you're not looking too good. <a href="#" class="alert-link">alert link</a>
+			<div class="row clearfix">
+				<div class="col-md-12 column" id="time-container" >
+				</div>
 			</div>
-			<h3 class="text-primary text-center">
-				{$module}::{$interface}请求量曲线
-			</h3>
-			<div id="req-container" style="min-width:1100px;height:400px"></div>
-			<div id="time-container" style="min-width:1100px;height:400px"></div>
 			<div class="text-center">
 			<button class="btn btn-primary" type="button">分别统计</button>
 			<button class="btn btn-primary" type="button">汇总统计</button>
@@ -64,110 +60,7 @@
 					</tr>
 				</thead>
 				<tbody>
-					<tr>
-						<td>
-							2014-02-09 00:05:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							100%
-						</td>
-					</tr>
-					<tr class="danger">
-						<td>
-							2014-02-09 00:10:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13400
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							100
-						</td>
-						<td>
-							0.0263
-						</td>
-						<td>
-							98.1%
-						</td>
-					</tr>
-					<tr>
-						<td>
-							2014-02-09 00:15:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							100%
-						</td>
-					</tr>
-					<tr>
-						<td>
-							2014-02-09 00:20:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							100%
-						</td>
-					</tr>
+				<?php echo $table_data;?>
 				</tbody>
 			</table>
 		</div>
@@ -175,129 +68,210 @@
 </div>
 <script>
 Highcharts.setOptions({
-    global: {
-        useUTC: false
-    }
+	global: {
+		useUTC: false
+	}
 });
 $(function () {
-    $('#req-container').highcharts({
+    $('#suc-pie').highcharts({
         chart: {
-            type: 'spline'
+            plotBackgroundColor: null,
+            plotBorderWidth: null,
+            plotShadow: false
         },
         title: {
-            text: '<?php echo "$date $interface_name";?>  请求量曲线'
-        },
-        subtitle: {
-            text: ''
-        },
-        xAxis: {
-            type: 'datetime',
-            dateTimeLabelFormats: { 
-                hour: '%H:%M'
-            }
-        },
-        yAxis: {
-            title: {
-                text: '请求量(次/5分钟)'
-            },
-            min: 0
+            text: '<?php echo $date;?> 可用性'
         },
         tooltip: {
-            formatter: function() {
-                return '<p style="color:'+this.series.color+';font-weight:bold;">'
-                 + this.series.name + 
-                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">时间:' + Highcharts.dateFormat('%m月%d日 %H:%M', this.x) + 
-                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">数量:'+ this.y + '</p>';
-            }
-        },
-        credits: {
-            enabled: false,
+    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
         },
-        series: [        {
-            name: '成功曲线',
-            data: [
-                <?php echo $success_series_data;?>
-            ],
-            lineWidth: 2,
-            marker:{
-                radius: 1
-            },
-            
-            pointInterval: 300*1000
+        plotOptions: {
+            pie: {
+                allowPointSelect: true,
+                cursor: 'pointer',
+                dataLabels: {
+                    enabled: true,
+                    color: '#000000',
+                    connectorColor: '#000000',
+                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
+                }
+            }
         },
-        {
-            name: '失败曲线',
+        series: [{
+            type: 'pie',
+            name: '可用性',
             data: [
-                <?php echo $fail_series_data;?>
-            ],
-            lineWidth: 2,
-            marker:{
-                radius: 1
-            },
-            pointInterval: 300*1000,
-            color : '#9C0D0D'
+                {
+                    name: '可用',
+                    y: <?php echo $global_rate;?>,
+                    sliced: true,
+                    selected: true,
+                    color: '#2f7ed8'
+                },
+                {
+                    name: '不可用',
+                    y: <?php echo (100-$global_rate);?>,
+                    sliced: true,
+                    selected: true,
+                    color: '#910000'
+                }
+            ]
         }]
     });
-});
+});	
 $(function () {
-    $('#time-container').highcharts({
+    $('#code-pie').highcharts({
         chart: {
-            type: 'spline'
+            plotBackgroundColor: null,
+            plotBorderWidth: null,
+            plotShadow: false
         },
         title: {
-            text: '<?php echo "$date $interface_name";?>  请求耗时曲线'
-        },
-        subtitle: {
-            text: ''
-        },
-        xAxis: {
-            type: 'datetime',
-            dateTimeLabelFormats: { 
-                hour: '%H:%M'
-            }
-        },
-        yAxis: {
-            title: {
-                text: '平均耗时(单位:秒)'
-            },
-            min: 0
+            text: '<?php echo $date;?> 返回码分布'
         },
         tooltip: {
-            formatter: function() {
-                return '<p style="color:'+this.series.color+';font-weight:bold;">'
-                 + this.series.name + 
-                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">时间:' + Highcharts.dateFormat('%m月%d日 %H:%M', this.x) + 
-                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">平均耗时:'+ this.y + '</p>';
-            }
-        },
-        credits: {
-            enabled: false,
-            text: "jumei.com",
-            href: "http://www.jumei.com"
+    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
         },
-        series: [        {
-            name: '成功曲线',
-            data: [
-                <?php echo $success_time_series_data;?>
-            ],
-            lineWidth: 2,
-            marker:{
-                radius: 1
-            },
-            pointInterval: 300*1000
+        plotOptions: {
+            pie: {
+                allowPointSelect: true,
+                cursor: 'pointer',
+                dataLabels: {
+                    enabled: true,
+                    color: '#000000',
+                    connectorColor: '#000000',
+                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
+                }
+            }
         },
-        {
-            name: '失败曲线',
+        series: [{
+            type: 'pie',
+            name: '返回码分布',
             data: [
-                   <?php echo $fail_time_series_data;?>
-            ],
-            lineWidth: 2,
-            marker:{
-                radius: 1
-            },
-            pointInterval: 300*1000,
-            color : '#9C0D0D'
-        }            ]
+                <?php echo $code_pie_data;?>
+            ]
+        }]
     });
+});	
+$(function () {
+	$('#req-container').highcharts({
+		chart: {
+			type: 'spline'
+		},
+		title: {
+			text: '<?php echo "$date $interface_name";?>  请求量曲线'
+		},
+		subtitle: {
+			text: ''
+		},
+		xAxis: {
+			type: 'datetime',
+			dateTimeLabelFormats: { 
+				hour: '%H:%M'
+			}
+		},
+		yAxis: {
+			title: {
+				text: '请求量(次/5分钟)'
+			},
+			min: 0
+		},
+		tooltip: {
+			formatter: function() {
+				return '<p style="color:'+this.series.color+';font-weight:bold;">'
+				 + this.series.name + 
+				 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">时间:' + Highcharts.dateFormat('%m月%d日 %H:%M', this.x) + 
+				 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">数量:'+ this.y + '</p>';
+			}
+		},
+		credits: {
+			enabled: false,
+		},
+		series: [		{
+			name: '成功曲线',
+			data: [
+				<?php echo $success_series_data;?>
+			],
+			lineWidth: 2,
+			marker:{
+				radius: 1
+			},
+			
+			pointInterval: 300*1000
+		},
+		{
+			name: '失败曲线',
+			data: [
+				<?php echo $fail_series_data;?>
+			],
+			lineWidth: 2,
+			marker:{
+				radius: 1
+			},
+			pointInterval: 300*1000,
+			color : '#9C0D0D'
+		}]
+	});
+});
+$(function () {
+	$('#time-container').highcharts({
+		chart: {
+			type: 'spline'
+		},
+		title: {
+			text: '<?php echo "$date $interface_name";?>  请求耗时曲线'
+		},
+		subtitle: {
+			text: ''
+		},
+		xAxis: {
+			type: 'datetime',
+			dateTimeLabelFormats: { 
+				hour: '%H:%M'
+			}
+		},
+		yAxis: {
+			title: {
+				text: '平均耗时(单位:秒)'
+			},
+			min: 0
+		},
+		tooltip: {
+			formatter: function() {
+				return '<p style="color:'+this.series.color+';font-weight:bold;">'
+				 + this.series.name + 
+				 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">时间:' + Highcharts.dateFormat('%m月%d日 %H:%M', this.x) + 
+				 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">平均耗时:'+ this.y + '</p>';
+			}
+		},
+		credits: {
+			enabled: false,
+			text: "jumei.com",
+			href: "http://www.jumei.com"
+		},
+		series: [		{
+			name: '成功曲线',
+			data: [
+				<?php echo $success_time_series_data;?>
+			],
+			lineWidth: 2,
+			marker:{
+				radius: 1
+			},
+			pointInterval: 300*1000
+		},
+		{
+			name: '失败曲线',
+			data: [
+				   <?php echo $fail_time_series_data;?>
+			],
+			lineWidth: 2,
+			marker:{
+				radius: 1
+			},
+			pointInterval: 300*1000,
+			color : '#9C0D0D'
+		}			]
+	});
 });
 </script>

+ 136 - 123
applications/Statistics/Views/statistic.tpl.php

@@ -8,9 +8,6 @@
 				<li class="active">
 					<a href="#">监控</a>
 				</li>
-				<li>
-					<a href="#">日志</a>
-				</li>
 				<li class="disabled">
 					<a href="#">告警</a>
 				</li>
@@ -54,19 +51,14 @@
 			<h3 class="text-primary text-center">
 				{$module}::{$interface}请求量曲线
 			</h3>
-			<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
-			<h3 class="text-danger text-center">
-				{$module}::{$interface}耗时曲线
-			</h3>
-			<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
-			<h3 class="text-primary text-center">
-				{$module}::{$interface}请求量曲线
-			</h3>
-			<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
-			<h3 class="text-danger text-center">
-				{$module}::{$interface}耗时曲线
-			</h3> 
-			<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
+			<div class="row clearfix">
+				<div class="col-md-12 column" id="req-container" >
+				</div>
+			</div>
+			<div class="row clearfix">
+				<div class="col-md-12 column" id="time-container" >
+				</div>
+			</div>
 			<div class="text-center">
 			<button class="btn btn-primary" type="button">分别统计</button>
 			<button class="btn btn-primary" type="button">汇总统计</button>
@@ -78,116 +70,137 @@
 					</tr>
 				</thead>
 				<tbody>
-					<tr>
-						<td>
-							2014-02-09 00:05:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							100%
-						</td>
-					</tr>
-					<tr class="danger">
-						<td>
-							2014-02-09 00:10:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13400
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							100
-						</td>
-						<td>
-							0.0263
-						</td>
-						<td>
-							98.1%
-						</td>
-					</tr>
-					<tr>
-						<td>
-							2014-02-09 00:15:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							100%
-						</td>
-					</tr>
-					<tr>
-						<td>
-							2014-02-09 00:20:00
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							13500
-						</td>
-						<td>
-							0.0268
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							0
-						</td>
-						<td>
-							100%
-						</td>
-					</tr>
+				<?php echo $table_data;?>
 				</tbody>
 			</table>
 		</div>
 	</div>
 </div>
-
-<script type="text/javascript">
-
+<script>
+Highcharts.setOptions({
+    global: {
+        useUTC: false
+    }
+});
+$(function () {
+    $('#req-container').highcharts({
+        chart: {
+            type: 'spline'
+        },
+        title: {
+            text: '<?php echo "$date $interface_name";?>  请求量曲线'
+        },
+        subtitle: {
+            text: ''
+        },
+        xAxis: {
+            type: 'datetime',
+            dateTimeLabelFormats: { 
+                hour: '%H:%M'
+            }
+        },
+        yAxis: {
+            title: {
+                text: '请求量(次/5分钟)'
+            },
+            min: 0
+        },
+        tooltip: {
+            formatter: function() {
+                return '<p style="color:'+this.series.color+';font-weight:bold;">'
+                 + this.series.name + 
+                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">时间:' + Highcharts.dateFormat('%m月%d日 %H:%M', this.x) + 
+                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">数量:'+ this.y + '</p>';
+            }
+        },
+        credits: {
+            enabled: false,
+        },
+        series: [        {
+            name: '成功曲线',
+            data: [
+                <?php echo $success_series_data;?>
+            ],
+            lineWidth: 2,
+            marker:{
+                radius: 1
+            },
+            
+            pointInterval: 300*1000
+        },
+        {
+            name: '失败曲线',
+            data: [
+                <?php echo $fail_series_data;?>
+            ],
+            lineWidth: 2,
+            marker:{
+                radius: 1
+            },
+            pointInterval: 300*1000,
+            color : '#9C0D0D'
+        }]
+    });
+});
+$(function () {
+    $('#time-container').highcharts({
+        chart: {
+            type: 'spline'
+        },
+        title: {
+            text: '<?php echo "$date $interface_name";?>  请求耗时曲线'
+        },
+        subtitle: {
+            text: ''
+        },
+        xAxis: {
+            type: 'datetime',
+            dateTimeLabelFormats: { 
+                hour: '%H:%M'
+            }
+        },
+        yAxis: {
+            title: {
+                text: '平均耗时(单位:秒)'
+            },
+            min: 0
+        },
+        tooltip: {
+            formatter: function() {
+                return '<p style="color:'+this.series.color+';font-weight:bold;">'
+                 + this.series.name + 
+                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">时间:' + Highcharts.dateFormat('%m月%d日 %H:%M', this.x) + 
+                 '</p><br /><p style="color:'+this.series.color+';font-weight:bold;">平均耗时:'+ this.y + '</p>';
+            }
+        },
+        credits: {
+            enabled: false,
+            text: "jumei.com",
+            href: "http://www.jumei.com"
+        },
+        series: [        {
+            name: '成功曲线',
+            data: [
+                <?php echo $success_time_series_data;?>
+            ],
+            lineWidth: 2,
+            marker:{
+                radius: 1
+            },
+            pointInterval: 300*1000
+        },
+        {
+            name: '失败曲线',
+            data: [
+                   <?php echo $fail_time_series_data;?>
+            ],
+            lineWidth: 2,
+            marker:{
+                radius: 1
+            },
+            pointInterval: 300*1000,
+            color : '#9C0D0D'
+        }            ]
+    });
+});
 </script>