diff --git a/src/main/java/com/nis/web/controller/dashboard/DashboardController.java b/src/main/java/com/nis/web/controller/dashboard/DashboardController.java
index 4ef22df78..5332038df 100644
--- a/src/main/java/com/nis/web/controller/dashboard/DashboardController.java
+++ b/src/main/java/com/nis/web/controller/dashboard/DashboardController.java
@@ -6,6 +6,8 @@ import java.net.URLEncoder;
 import java.text.SimpleDateFormat;
 import java.util.ArrayList;
 import java.util.Calendar;
+import java.util.Collections;
+import java.util.Comparator;
 import java.util.Date;
 import java.util.HashMap;
 import java.util.List;
@@ -94,6 +96,22 @@ public class DashboardController extends BaseController{
 		}
 		return list;
 	}
+	/**
+	 * 跳转活跃端口详情界面
+	 * @return
+	 */
+	@RequestMapping(value="portActiveList")
+	public String portActiveList(Model model){
+		// 默认当前时间一小时
+			Calendar cal = Calendar. getInstance ();
+			cal.setTime(new Date());
+			String endDate =  new  SimpleDateFormat( "yyyy-MM-dd HH:mm:00" ).format(cal.getTime());//获取到完整的时间
+			cal.set(Calendar.HOUR_OF_DAY, cal.get(Calendar.HOUR_OF_DAY) - 1);
+			String beginDate =  new  SimpleDateFormat( "yyyy-MM-dd HH:mm:00" ).format(cal.getTime());
+		model.addAttribute("beginDate", beginDate);
+		model.addAttribute("endDate", endDate);
+		return "/dashboard/trafficPortActiveList";
+	}
 	/**
 	 * 活跃IP TOP10
 	 */
@@ -194,7 +212,7 @@ public class DashboardController extends BaseController{
 		return "/dashboard/trafficIpActiveList";
 	}
 	/**
-	 * 活跃IP TOP10 一小时 间隔5分钟数据
+	 * 活跃IP TOP10 一小时每个IP的最大值
 	 */
 	@RequestMapping(value="ajaxIpActiveList")
 	@ResponseBody
@@ -209,6 +227,24 @@ public class DashboardController extends BaseController{
 			fromJsonList = gson.fromJson(string, new TypeToken<Map<String, Object>>(){}.getType());
 			logger.debug("活跃IP1小时"+fromJsonList);
 			list = gson.fromJson(fromJsonList.get("data").toString(), new TypeToken<List<TrafficIpActiveStatistic>>() {}.getType()) ;
+			Collections.sort(list, new Comparator<TrafficIpActiveStatistic>() {
+
+				@Override
+				public int compare(TrafficIpActiveStatistic o1, TrafficIpActiveStatistic o2) {
+					if(o1==null&&o2!=null){
+						return 1;
+					}
+					if(o1!=null&&o2==null){
+						return -1;
+					}
+					if(o1==o2&&o1==null){
+						return 0;
+					}
+					Long ob1 = o1.getC2sByteLen()+o1.getS2cByteLen();
+					Long ob2 = o2.getC2sByteLen()+o2.getS2cByteLen();
+					return -(ob1).compareTo(ob2);
+				}
+			});
 		
 		} catch (Exception e) {
 			e.printStackTrace();
diff --git a/src/main/webapp/static/pages/scripts/echart.js b/src/main/webapp/static/pages/scripts/echart.js
index f09886b49..553d3ff02 100644
--- a/src/main/webapp/static/pages/scripts/echart.js
+++ b/src/main/webapp/static/pages/scripts/echart.js
@@ -1199,23 +1199,19 @@ function echart_topic_domain(rs){
 			var domainNum=t.byteCount;
 	    	unit=changeUnit(domainNum);
 	    	domainNum=changeNum(domainNum);
-			data.push({
-				'id': '2.'+t.webId,
-				'parent': '1.'+d.topicId,
-				'name': t.domain,
-				'value':parseFloat(domainNum)
-			});
+	    	if(domainNum>0){
+	    		data.push({
+	    			'id': '2.'+t.webId,
+	    			'parent': '1.'+d.topicId,
+	    			'name': t.domain,
+	    			'value':parseFloat(domainNum)
+	    		});
+	    	}
 		})
 		
 	});
-	
-
-	// Splice in transparent for the center circle
 	Highcharts.getOptions().colors.splice(0, 0, 'transparent');
-
-
 	var chart = Highcharts.chart('chart_topic', {
-
 	    chart: {
 	        backgroundColor: 'rgba(255, 255, 255, 0)',
 			plotBackgroundColor:null,
@@ -1246,7 +1242,11 @@ function echart_topic_domain(rs){
 			buttons: exportingButton('#6e6379')
 		},
 	    //colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6','#0099cc','#cc0033','#ff6633','#99cccc','#d9f9d0'],
-		colors:['#003078','#004bbc', '#015bb1', '#2f74b5', '#4186c1', '#0058e1','#066aff', '#5597cd', '#5c9dff', '#67a7de', '#77b5dc', '#98cde7','#89b9ff','#78adff'],
+//		colors:['#003078','#004bbc', '#015bb1', '#2f74b5', '#4186c1', '#0058e1','#066aff', '#5597cd', '#5c9dff', '#67a7de', '#77b5dc', '#98cde7','#89b9ff','#78adff'],
+//		colors:['#008ef9','#0594ff', '#002540', '#004679', '#025ba1', '#026fc0','#0279d5'],
+//		colors:['#002540','#004679','#025ba1', '#026fc0', '#0279d5', '#0086e9', '#008ef9','#0594ff', '#25a2ff', '#63bbff', '#88cbff'],
+		colors:[ '#1C4573','#275A9C', '#306EB9', '#3579CE', '#3C85E1', '#3E8EF1','#4294F7', '#4294F7', '#98CBFA'],
+//		colors:colors,
 	    noData:{
 			style: {//设置字体颜色
 				color: '#fff',
@@ -1293,13 +1293,13 @@ function echart_topic_domain(rs){
 	            colorByPoint: true,
 	            dataLabels: {
 	                rotationMode: 'parallel'
-	            }
+	            },
 	        },
 	        {
 	            level: 3,
 	            colorVariation: {
 	                key: 'brightness',
-	                to: -0.5
+	                to: 0.5
 	            }
 	        }, {
 	            level: 4,
diff --git a/src/main/webapp/static/pages/scripts/echart.js.blue b/src/main/webapp/static/pages/scripts/echart.js.blue
new file mode 100644
index 000000000..63c7cfcd4
--- /dev/null
+++ b/src/main/webapp/static/pages/scripts/echart.js.blue
@@ -0,0 +1,1376 @@
+//蓝色系 colors:['#0026af', '#0032bc', '#004bbc', '#015bb1', '#2f74b5', '#4186c1', '#5597cd', '#67a7de', '#77b5dc', '#98cde7', '#b9e7f4', '#d9ffff'],
+//彩色系 colors:['#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5','#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4'],
+//彩改蓝 colors:['#012765','#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff'],
+
+	Highcharts.setOptions({ // Apply to all charts
+		chart: {
+			events: {
+				beforePrint: function () {
+					$(".highcharts-background").attr("fill","rgba(48,48,48,1)")
+				},
+				afterPrint: function () {
+					$(".highcharts-background").attr("fill","rgba(255, 255, 255, 0)")
+				}
+			}
+		}
+	});
+    //协议统计分析
+    function echart_1(rs) {
+    	var data=new Array();
+    	var drillData=new Array();
+    	var unit="bytes";
+    	$(rs).each(function(i, d) {
+    		var inoctetsNum=d.count;
+        	unit=changeUnit(inoctetsNum);
+        	inoctetsNum=changeNum(inoctetsNum);
+    		var pktNum=new Array();
+    		var byteLen=new Array();
+			//协议图-操作系统
+    		data.push({
+				name: d.protoType,
+				y: parseFloat(inoctetsNum),
+//				drilldown: d.protoType,
+    		});
+    		
+    		pktNum[0]="pktNum";
+    		pktNum[1]=parseInt(d.pktNum);
+    		byteLen[0]="byteLen";
+    		byteLen[1]=parseInt(d.byteLen);
+    		
+    		drillData.push({
+    			name: d.protoType,
+    			id: d.protoType,
+    			type:'pie',
+				innerSize: '70%',
+				data: [pktNum,byteLen],
+    		});
+    		
+	   });
+    	var chart = Highcharts.chart('chart_1', {
+    		chart: {
+    				type: 'pie',
+    				spacing : [40, 40 , 40, 40],
+    				backgroundColor: 'rgba(255, 255, 255, 0)',
+        			plotBackgroundColor:null,
+        			plotBorderWidth:null,
+        			plotShadow:false,
+//        			margin:10,
+    				
+    		},
+    		navigation: {
+    			buttonOptions: {
+    				x:31,
+    				y:-30
+    			}
+    		},
+    		exporting: {
+    			allowHTML:true,
+    			filename:'Protocol-Type',
+    			chartOptions: {
+    				plotOptions: {
+    					series: {
+    						dataLabels: {
+    							enabled: true,
+								allowOverlap: true, // 允许数据标签重叠
+    						},
+    					},
+    				}
+    			},
+    			buttons: exportingButton('#3b355b')
+    		},
+    		noData:{
+    			style: {//设置字体颜色
+					color: '#fff',
+				},
+    		},
+    		//colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6' ,'#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
+    		//colors:[ '#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4','#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5'],
+    		//colors:['#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5','#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4'],
+    		//colors:[ '#012765','#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff'],
+    		colors:['#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff','#012765'],
+    		title: {
+    				text: null
+    		},
+    		/*tool: {
+				enabled: true,
+//				headerFormat: '<span style="font-size:10px">{point.key}- <b>{point.percentage:.1f}%</span>'+unit,
+				pointFormat: '{series.name} {point.y}<b>'+unit,
+			},*/
+			tooltip: {
+				headerFormat: '{series.name}<br>',
+				pointFormat: '{point.name} <br>{point.y}</b> '+unit
+			},
+    		credits:{//是否有highcharts水印
+    	        enabled:false
+    	    },
+    	    legend:{
+    	    	width:480,
+    	    	x:50,
+    	    	itemWidth:100,
+    	    	itemDistance:2,
+    	    	itemHoverStyle:{
+    	    		color:'#61D2F7',
+    	    	},
+    	    	itemStyle:{
+    	    		color: '#fff',
+    	    		fontFamily:'Microsoft YaHei',
+    	    	},
+//    	    	navigation: {//图例分页
+//	                activeColor: 'red',
+//				    animation: true,
+//				    arrowSize: 15,
+//				    inactiveColor: '#CCC',
+//					    style: {
+//					    fontWeight: 'bold',
+//					    color: '#333',
+//					    fontSize: '12px'
+//					    }
+//			    }
+    	    },
+    	    
+    		plotOptions: {
+    				pie: {
+    						borderColor: "",
+    						allowPointSelect: true,
+    						cursor: 'pointer',
+    						showInLegend: true,
+    						dataLabels: {
+    								enabled: false,
+    								format: '{point.name}:</b>{point.percentage:.1f}%',
+    								style: {
+    										color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
+    								}
+    						},
+    						size: 200, //饼图的大小
+    						states: {
+    							hover: {
+    									enabled: false
+    							}  
+    						},
+    						point: {
+    								events: {
+    										mouseOver: function(e) {  // 鼠标滑过时动态更新标题
+    												// 标题更新函数，API 地址：https://api.hcharts.cn/highcharts#Chart.setTitle
+    												chart.setTitle({
+    														text:e.target.name.length>10? this.percentage.toFixed(2)+"%<br><span>"+e.target.name.substring(0,10)+"...</span>":this.percentage.toFixed(2)+"%<br><span>"+(e.target.name+"").substring(0,10)+"</span>",
+    														floating:true,
+    														y:120,
+    														style: {//设置字体颜色
+    															color: '#fff',
+    								    						fontFamily:'Microsoft YaHei'
+    								    					},
+    												});
+    												this.slice();
+    										},
+    										// 鼠标移出时，收回突出显示
+    										mouseOut: function() {
+    												this.slice();
+    										},
+    										// 默认是点击突出，这里屏蔽掉
+    										click: function() {
+    												return false;
+    										}
+    								},
+    						},
+    				},
+    		},
+    		series: [{
+    				type: 'pie',
+    				innerSize: '70%',//圆环的大小
+    				name: ' ',
+    				data: data
+    		}],
+//    		drilldown:{
+//    			series:drillData,
+//    			drillUpButton: {
+//					relativeTo: 'spacingBox',
+//    			}
+//    		}
+    		
+    	}, function(c) { // 图表初始化完毕后的会掉函数
+    		// 环形图圆心
+    		var centerY = c.series[0].center[1],
+    				titleHeight = parseInt(c.title.styles.fontSize);
+    		// 动态设置标题位置
+    		c.setTitle({
+    				y:centerY + titleHeight/2
+    		});
+    	});
+    	
+    }
+
+    
+    // echart_main中心图 活跃IP统计
+    function echart_main(rs) {
+//    	if(rs==null||rs.length<=0){
+//    		rs=[{"ipAddr":"103.6.1.12","linkNum":532,"pktNum": 5,"byteLen": 6},
+//    		    {"ipAddr":"163.5.6.43","linkNum":532,"pktNum": 5,"byteLen": 7},
+//    		    {"ipAddr":"170.1.0.1","linkNum":532,"pktNum": 5,"byteLen": 8},
+//    		    {"ipAddr":"10.32.33.61","linkNum":532,"pktNum": 5,"byteLen": 9},
+//    		    {"ipAddr":"145.16.1.2","linkNum":532,"pktNum": 5,"byteLen": 10},
+//    		    {"ipAddr":"153.5.0.36","linkNum":532,"pktNum": 5,"byteLen": 11}]	
+//    	}
+    	var data=new Array();
+    	var xData=new Array();
+    	var drillData=new Array();
+    	var unit="bytes";
+    	$(rs).each(function(i, d) {
+    		var inoctetsNum=d.linkNum;
+        	unit=changeUnit(inoctetsNum);
+        	inoctetsNum=changeNum(inoctetsNum);
+    		/*var pktNum=new Array();
+    		var byteLen=new Array();*/
+    		xData.push(d.ipAddr);
+			//活跃IP图
+    		data.push({
+				name: d.ipAddr,
+				y: parseFloat(inoctetsNum),
+//				drilldown: d.ipAddr,
+    		});
+    		/*pktNum[0]="pktNum";
+    		pktNum[1]=parseInt(d.pktNum);
+    		byteLen[0]="byteLen";
+    		byteLen[1]=parseInt(d.byteLen);*/
+    		/*drillData.push({
+    			name: d.ipAddr,
+    			id: d.ipAddr,
+    			type:'pie',
+    			tooltip: {
+    				enabled: true,
+    				pointFormat: '{series.name}: {point.y}<b> ({point.percentage:.1f}%)'
+    			},
+    			data: [pktNum,byteLen],
+    		});*/
+	   });
+    	var chart = Highcharts.chart('chart_main', {
+    		chart: {
+                backgroundColor: 'rgba(255, 255, 255, 0)',
+    			plotBackgroundColor:null,
+    			plotBorderWidth:null,
+    			plotShadow:false,
+    			type: 'bar',
+//    			marginLeft:80,
+    			marginTop:50,
+    			inverted: true,
+    		},
+    		//navigation: {
+    			//buttonOptions: {
+    				//y:13,
+    				//x:-7
+    			//}
+    		//},
+    		exporting: {
+    			allowHTML:true,
+    			filename:'Active-IP',
+    			chartOptions: {
+    				plotOptions: {
+    					series: {
+    						dataLabels: {
+    							enabled: true,
+								allowOverlap: true, // 允许数据标签重叠
+    						},
+    					},
+    				}
+    			},
+    			buttons: {
+    				contextButton: {
+    					symbolSize: 12,
+    					symbolX: 11,
+    					symbolY: 10,
+    					symbolStroke: '#e6e6e6',
+    					symbolFill: '#e6e6e6',
+    					width: 21,
+						height: 20,
+    					theme: {
+    						'stroke-width': 1,
+    						stroke: '#e6e6e6',
+    						r: 0,
+    						fill: '#51586f',
+    						states: {
+    							hover: {
+    								fill: '#51586f'
+    							},
+    							select: {
+    								fill: '#51586f'
+    							}
+    						}
+    					}
+    				}
+    			}
+    		},
+    		noData:{
+    			style: {//设置字体颜色
+					color: '#fff',
+				},
+    		},//
+    		//colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
+    		 colors:['#004bbc', '#015bb1', '#2f74b5', '#4186c1', '#5597cd', '#67a7de', '#77b5dc', '#98cde7', '#b9e7f4', '#d9ffff'],
+    		title: {
+    				text: null
+    		},
+    		labels:{
+    			style: {//设置字体颜色
+					color: '#fff',
+					fontSize:'10px',
+					fontFamily:'Microsoft YaHei'
+				},
+    		},
+    		xAxis: {
+    				type:'category',
+    				categories: xData,
+    				title: {
+    						text: null
+    				},
+    			labels:{
+					formatter:function(){
+						if(this.value.length>15){
+							return '<span>'+this.value.substring(0,15)+"..."+'</span>'
+						}else{
+							return this.value
+						}
+					},
+					style: {//设置字体颜色
+						color: '#fff',
+						fontSize:'10px',
+						fontFamily:'Microsoft YaHei'
+					},
+				}
+    				
+    		},
+    		yAxis: {
+				min: 0,
+				title: {
+						text: unit,
+						align:'high',
+						style: {//设置字体颜色
+							color: '#fff',
+							fontSize:'10px',
+							fontFamily:'Microsoft YaHei'
+						},
+				},
+				labels: {
+					style: {//设置字体颜色
+						color: '#fff',
+						fontSize:'10px',
+						fontFamily:'Microsoft YaHei'
+					},
+				},
+				lineWidth: 1
+    		},
+    		tooltip: {
+				headerFormat: '{series.name}<br>',
+				pointFormat: '{point.name} <br>{point.y}</b> '+unit
+			},
+    		plotOptions: {
+				bar: {
+					borderColor: "",
+					dataLabels: {
+						enabled: true,
+						allowOverlap: true, // 允许数据标签重叠
+						style: {//设置字体颜色
+							color: '#fff',
+							fontSize:'10px',
+							fontFamily:'Microsoft YaHei',
+							textOutline:'none',
+							fontWeight:'normal'
+						}
+					},
+					showInLegend: false
+				}
+    		},
+    		credits:{//是否有highcharts水印
+    	        enabled:false
+    	    },
+    		series: [{
+    			name: ' ',
+    			colorByPoint: true,
+    			data: data
+    		}],
+//    			drilldown:{
+//    				activeAxisLabelStyle:{
+//    					textDecoration:'none',
+//    					color: '#fff',
+//    					fontStyle:'Microsoft YaHei',
+//    					
+//    				},
+//    				activeDataLabelStyle:{
+//    					textDecoration:'none',
+//    					color: '#fff',
+//    					fontStyle:'Microsoft YaHei'
+//    				},
+//    				drillUpButton:{
+//    					relativeTo: 'spacingBox',
+//    				},
+//    				series:drillData
+//    			}
+    	});
+    }
+    function changeNum(inoctetsNum){
+    	// 变化单位
+		var inoctetsNumK=inoctetsNum/1024;
+		var inoctetsNumM=inoctetsNumK/1024;
+		var inoctetsNumG=inoctetsNumM/1024;
+//		if(inoctetsNumK>1){
+//			inoctetsNum=inoctetsNumK;
+//			};
+//		if(inoctetsNumM>1){
+//			inoctetsNum=inoctetsNumM;
+//			};
+//		if(inoctetsNumG>1){
+//			inoctetsNum=inoctetsNumG;
+//			};
+			inoctetsNum=inoctetsNumG;
+			inoctetsNum=inoctetsNum.toFixed(2)
+    	return inoctetsNum;
+    }
+    function changeUnit(inoctetsNum){
+    	// 变化单位
+    	var unit="GB";
+//		var inoctetsNumK=inoctetsNum/1024;
+//		var inoctetsNumM=inoctetsNumK/1024;
+//		var inoctetsNumG=inoctetsNumM/1024;
+//		if(inoctetsNumK>1){
+//			unit="KB";
+//			};
+//		if(inoctetsNumM>1){
+//			unit="MB";
+//			};
+//		if(inoctetsNumG>1){
+//			unit="GB";
+//			};
+		return unit
+    }
+    //app应用类型统计  echart_3 
+    function echart_3(rs) {
+    	var data=new Array();
+    	var xData=new Array();
+    	var drillData=new Array();
+    	var unit="bytes";
+    	$(rs).each(function(i, d) {
+        	var inoctetsNum=d.count;
+        	unit=changeUnit(inoctetsNum);
+        	inoctetsNum=changeNum(inoctetsNum);
+    		var pktNum=new Array();
+    		var byteLen=new Array();
+    		xData.push(d.appType);
+    		data.push({
+				name: d.appType,
+				y: parseFloat(inoctetsNum),
+//				drilldown: d.appType,
+    		});
+/*    		pktNum[0]="pktNum";
+    		pktNum[1]=parseInt(d.pktNum);
+    		byteLen[0]="byteLen";
+    		byteLen[1]=parseInt(d.byteLen);
+    		drillData.push({
+    			name: d.appType,
+    			id: d.appType,
+    			data: [pktNum,byteLen],
+    		});*/
+	   });
+    	var chart = Highcharts.chart('chart_3',{
+    		chart: {
+	    			backgroundColor: 'rgba(255, 255, 255, 0)',
+	    			plotBackgroundColor:null,
+	    			plotBorderWidth:null,
+	    			plotShadow:false,
+    				type: 'column',
+    				marginTop:50,
+    				marginBottom:60,
+    				
+    		},
+    		/*navigation: {
+    			buttonOptions: {
+    				y: 13,
+    			}
+    		},*/
+    		exporting: {
+    			allowHTML:true,
+    			filename:'App',
+    			buttons: exportingButton('#415262')
+    		},
+    		noData:{
+    			style: {//设置字体颜色
+					color: '#fff',
+				},
+    		},
+    		labels:{
+    			style: {//设置字体颜色
+					color: '#fff',
+					fontSize:'10px',
+					fontFamily:'Microsoft YaHei'
+				},
+    		},
+    		//colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
+    		colors:['#0026af', '#0032bc', '#004bbc', '#015bb1', '#2f74b5', '#4186c1', '#5597cd', '#67a7de', '#77b5dc', '#98cde7', '#b9e7f4', '#d9ffff'],
+    		title: {
+    				text: null
+    		},
+    		credits:{//是否有highcharts水印
+    	        enabled:false
+    	    },
+    		xAxis: {
+    				categories: xData,
+    				labels:{
+    					style: {//设置字体颜色
+    						color: '#fff',
+    						fontSize:'10px',
+    						fontFamily:'Microsoft YaHei'
+    					},
+    				},
+    				title: {
+						text: 'App',
+						align:'high',
+						style: {//设置字体颜色
+							color: '#fff',
+							fontSize:'10px',
+							fontFamily:'Microsoft YaHei'
+						},
+				},
+    		},
+    		yAxis: {
+    				min: 0,
+    				title: {
+						text: unit,
+						align:'high',
+						style: {//设置字体颜色
+							color: '#fff',
+							fontFamily:'Microsoft YaHei'
+						},
+    				},
+    				labels:{
+    					enabled:true,
+    					style: {//设置字体颜色
+    						color: '#fff',
+    						fontSize:'10px',
+    						fontFamily:'Microsoft YaHei'
+    					},
+    				},
+    				
+    		},
+    		tooltip: {
+    			enabled: true,
+    			headerFormat: '<span style="font-size:10px"><b>{point.key}</span><br>',
+    			pointFormat: '{point.y:.1f} <b> '+unit,
+    			shared: true,
+    			useHTML: true
+    		},
+    		plotOptions: {
+    			column: {
+    				dataLabels: {// 柱形图上的数字显示
+    					enabled: true,
+    					allowOverlap: true, // 允许数据标签重叠
+    					style: {//设置字体颜色
+    						color: '#fff',
+							fontSize:'10px',
+							fontFamily:'Microsoft YaHei',
+							textOutline:'none',
+							fontWeight:'normal'
+						}
+					},
+					borderColor: "",//去边框
+					showInLegend:false
+    			},
+    		},
+    		
+    		series: [{
+    			name: '',
+    			colorByPoint: true,
+    			data: data
+    		}],
+    			/*drilldown:{
+    				activeAxisLabelStyle:{
+    					textDecoration:'none',
+    					color: '#fff',
+    					fontStyle:'Microsoft YaHei',
+    					
+    				},
+    				activeDataLabelStyle:{
+    					textDecoration:'none',
+    					color: '#fff',
+    					fontStyle:'Microsoft YaHei'
+    				},
+    				drillUpButton: {
+    					relativeTo: 'spacingBox',
+        			},
+    				series:drillData
+    			}*/
+    	});
+    }
+   //终端用户 分操作系统
+function echart_2(rs){
+	var data=new Array();
+	var drillData=new Array();
+	var unit="bytes";
+	$(rs).each(function(i, d) {
+		var inoctetsNum=d.count;
+    	unit=changeUnit(inoctetsNum);
+    	inoctetsNum=changeNum(inoctetsNum);
+//		var pktNum=new Array();
+//		var byteLen=new Array();
+		data.push({
+			name: d.osType,
+			y: parseFloat(inoctetsNum),
+//			drilldown: d.osType,
+		});
+		
+/*		pktNum[0]="pktNum";
+		pktNum[1]=parseInt(d.pktNum);
+		byteLen[0]="byteLen";
+		byteLen[1]=parseInt(d.byteLen);
+		
+		drillData.push({
+			name: d.osType,
+			id: d.osType,
+			type:'pie',
+			data: [pktNum,byteLen],
+		});*/
+		
+   });
+	// 创建图例
+	var chart = Highcharts.chart('chart_2',{
+			chart: {
+					backgroundColor: 'rgba(255, 255, 255, 0)',
+	    			plotBackgroundColor:null,
+	    			plotBorderWidth:null,
+	    			plotShadow:false,
+					type: 'pie',
+			},
+			exporting: {
+    			allowHTML:true,
+    			filename:'BS',
+    			chartOptions: {
+    				plotOptions: {
+    					series: {
+    						dataLabels: {
+    							enabled: true,
+								allowOverlap: true, // 允许数据标签重叠
+    						},
+    					},
+    				}
+    			},
+    			buttons: exportingButton('#372f57')
+    		},
+			noData:{
+    			style: {//设置字体颜色
+					color: '#fff',
+				},
+    		},
+			legend:{
+				width:480,
+    	    	x:40,
+    	    	itemWidth:100,
+    	    	itemDistance:2,
+    	    	itemHoverStyle:{
+    	    		color:'#61D2F7',
+    	    	},
+    	    	itemStyle:{
+    	    		color: '#fff',
+    	    		fontFamily:'Microsoft YaHei',
+    	    	}
+    	    },
+			//colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
+    		//colors:[ '#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4','#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5'],
+    		//colors:['#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5','#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4'],
+    	    //colors:[ '#012765','#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff'],
+    	    colors:['#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff','#012765'],
+			title: {
+					text: null,
+					style: {//设置字体颜色
+						color: '#fff',
+						fontSize:'18px',
+						fontFamily:'Microsoft YaHei'
+					},
+					
+			},
+			plotOptions: {
+					series: {
+						dataLabels: {
+							enabled: false,
+							format: '{point.name}'
+						},
+					},
+					pie:{
+						borderColor: "",
+						showInLegend: true,	
+						size: '80%',
+						point: {
+							events: {
+								mouseOver: function(e) { 
+										this.slice();
+								},
+								// 鼠标移出时，收回突出显示
+								mouseOut: function() {
+										this.slice();
+								},
+								// 默认是点击突出，这里屏蔽掉
+								click: function() {
+										return false;
+								}
+							},
+						},
+					}
+			},
+			credits:{//是否有highcharts水印
+		        enabled:false
+		    },
+			tooltip: {
+				enabled: true,
+				headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
+				pointFormat: '{point.y} <b> '+unit,
+				shared: true,
+				useHTML: true
+			},
+			series: [{
+					name: ' ',
+					size: '80%',
+					colorByPoint: true,
+					data: data
+			}],
+//			drilldown:{
+//				activeAxisLabelStyle:{
+//					textDecoration:'none',
+//					color: '#fff',
+//					fontStyle:'Microsoft YaHei',
+//					
+//				},
+//				activeDataLabelStyle:{
+//					textDecoration:'none',
+//					color: '#fff',
+//					fontStyle:'Microsoft YaHei'
+//				},
+//    			series:drillData,
+//    			drillUpButton: {
+//					relativeTo: 'spacingBox',
+//    			}
+//    		}
+	});
+}
+//当点击操作系统列表时-显示浏览器
+function echart_5(rs){
+	var data=new Array();
+	var drillData=new Array();
+	var unit="bytes";
+	$(rs).each(function(i, d) {
+		var inoctetsNum=d.count;
+    	unit=changeUnit(inoctetsNum);
+    	inoctetsNum=changeNum(inoctetsNum);
+//		var pktNum=new Array();
+//		var byteLen=new Array();
+		//协议图-操作系统
+		data.push({
+			name: d.bsType,
+			y: parseFloat(inoctetsNum),
+//			drilldown: d.bsType,
+		});
+		
+/*		pktNum[0]="pktNum";
+		pktNum[1]=parseInt(d.pktNum);
+		byteLen[0]="byteLen";
+		byteLen[1]=parseInt(d.byteLen);
+		
+		drillData.push({
+			name: d.bsType,
+			id: d.bsType,
+			type:'pie',
+			data: [pktNum,byteLen],
+		});*/
+		
+	});
+	// 创建图例
+	var chart = Highcharts.chart('chart_2',{
+		chart: {
+			backgroundColor: 'rgba(255, 255, 255, 0)',
+			plotBackgroundColor:null,
+			plotBorderWidth:null,
+			plotShadow:false,
+			type: 'pie'
+		},
+		/*navigation: {
+			buttonOptions: {
+				y: -8,
+			}
+		},*/
+		exporting: {
+			allowHTML:true,
+			filename:'BS',
+			chartOptions: {
+				plotOptions: {
+					series: {
+						dataLabels: {
+							enabled: true,
+							allowOverlap: true, // 允许数据标签重叠
+						},
+					},
+				}
+			},
+			buttons: exportingButton('#372f57')
+		},
+		legend:{
+			width:480,
+	    	x:40,
+	    	itemWidth:100,
+	    	itemDistance:2,
+	    	itemHoverStyle:{
+	    		color:'#61D2F7',
+	    	},
+	    	itemStyle:{
+	    		color: '#fff',
+	    		fontFamily:'Microsoft YaHei',
+	    	}
+	    },
+	    noData:{
+			style: {//设置字体颜色
+				color: '#fff',
+			},
+		},
+		//colors:['#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5','#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4'],
+		//colors:[ '#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4','#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5'],
+		/*colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],*/
+		//colors:[ '#012765','#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff'],
+		colors:['#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff','#012765'],
+		title: {
+			text: null,
+			style: {//设置字体颜色
+				color: '#fff',
+				fontSize:'18px',
+				fontFamily:'Microsoft YaHei'
+			},
+			
+		},
+		plotOptions: {
+			series: {
+				dataLabels: {
+					enabled: false,
+					format: '{point.name}'
+				},
+				
+			},
+			pie:{
+				borderColor: "",
+				point: {
+					events: {
+						mouseOver: function(e) {  // 鼠标滑过时动态更新标题
+							this.slice();
+						},
+						// 鼠标移出时，收回突出显示
+						mouseOut: function() {
+							this.slice();
+						},
+						// 默认是点击突出，这里屏蔽掉
+						click: function() {
+							return false;
+						}
+					},
+				},
+				showInLegend: true,	
+				size: '80%',
+			}
+		},
+		credits:{//是否有highcharts水印
+			enabled:false
+		},
+		tooltip: {
+			enabled: true,
+			headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
+			pointFormat: '{point.y} <b> '+unit,
+			shared: true,
+			useHTML: true
+		},
+		series: [{
+			name: ' ',
+			size: '80%',
+			colorByPoint: true,
+			data: data
+		}],
+//		drilldown:{
+//			activeAxisLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei',
+//				
+//			},
+//			activeDataLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei'
+//			},
+//			series:drillData,
+//			drillUpButton: {
+//				relativeTo: 'spacingBox',
+//			}
+//		}
+	});
+}
+
+//网站流量分析
+function echart_4(rs){
+	var data=new Array();
+//	var drillData=new Array();
+	var unit="bytes";
+	$(rs).each(function(i, d) {
+		var inoctetsNum=d.count;
+    	unit=changeUnit(inoctetsNum);
+    	inoctetsNum=changeNum(inoctetsNum);
+//		var pktNum=new Array();
+//		var byteLen=new Array();
+		data.push({
+			name: d.websiteService,
+			y: parseFloat(inoctetsNum),
+//			drilldown: d.websiteService,
+		});
+		
+/*		pktNum[0]="pktNum";
+		pktNum[1]=parseInt(d.pktNum);
+		byteLen[0]="byteLen";
+		byteLen[1]=parseInt(d.byteLen);
+		
+		drillData.push({
+			name: d.websiteService,
+			id: d.websiteService,
+			type:'pie',
+			data: [pktNum,byteLen],
+		});*/
+		
+	});
+	// 创建图例
+	var chart = Highcharts.chart('chart_4',{
+		chart: {
+			backgroundColor: 'rgba(255, 255, 255, 0)',
+			plotBackgroundColor:null,
+			plotBorderWidth:null,
+			plotShadow:false,
+			type: 'pie'
+		},
+		exporting: {
+			allowHTML:true,
+			filename:'Website',
+			chartOptions: {
+				plotOptions: {
+					series: {
+						dataLabels: {
+							enabled: true,
+							allowOverlap: true, // 允许数据标签重叠
+						}
+					},
+				}
+			},
+			buttons: exportingButton('#3c2347')
+		},
+		//colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
+		//colors:[ '#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4','#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5'],
+		//colors:['#fe392e','#fe7d2e','#febb1d', '#feff1d','#51d569','#51d5d5','#0032bc','#1d7cf9' ,'#77b5dc','#b9e7f4'],
+		//colors:[ '#012765','#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff'],
+		colors:['#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff','#012765'],
+		title: {
+			text: null,
+		},
+		noData:{
+			style: {//设置字体颜色
+				color: '#fff',
+			},
+		},
+		plotOptions: {
+			series: {
+				dataLabels: {
+					enabled: false,
+					format: '{point.name}'
+				},
+			},
+			pie:{
+				borderColor: "",
+				size: "80%",
+				showInLegend: true,	
+				point: {
+					events: {
+						mouseOver: function(e) {
+							this.slice();
+						},
+						// 鼠标移出时，收回突出显示
+						mouseOut: function() {
+							this.slice();
+						},
+						// 默认是点击突出，这里屏蔽掉
+						click: function() {
+							return false;
+						}
+					},
+				},
+			}
+		},
+		credits:{//是否有highcharts水印
+			enabled:false
+		},
+		legend:{
+			width:480,
+	    	x:50,
+	    	itemWidth:100,
+	    	itemDistance:2,
+	    	itemHoverStyle:{
+	    		color:'#61D2F7',
+	    	},
+	    	itemStyle:{
+	    		color: '#fff',
+	    		fontFamily:'Microsoft YaHei',
+	    	}
+	    },
+	    tooltip: {
+			enabled: true,
+			headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
+			pointFormat: '{point.y} <b> '+unit,
+			shared: true,
+			useHTML: true
+		},
+		series: [{
+			name: ' ',
+			colorByPoint: true,
+			data: data,
+		}],
+//		drilldown:{
+//			activeAxisLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei',
+//				
+//			},
+//			activeDataLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei'
+//			},
+//			series:drillData,
+//			drillUpButton: {
+//				relativeTo: 'spacingBox',
+//			}
+//		}
+	});
+}
+//网站流量分析-点击列表显示网站分类
+function echart_6(rs){
+	var data=new Array();
+//	var drillData=new Array();
+	var unit="bytes";
+	$(rs).each(function(i, d) {
+		var inoctetsNum=d.count;
+    	unit=changeUnit(inoctetsNum);
+    	inoctetsNum=changeNum(inoctetsNum);
+//		var pktNum=new Array();
+//		var byteLen=new Array();
+		//协议图-操作系统
+		data.push({
+			name: d.domain,
+			y: parseFloat(inoctetsNum),
+//			drilldown: d.domain,
+		});
+		
+/*		pktNum[0]="pktNum";
+		pktNum[1]=parseInt(d.pktNum);
+		byteLen[0]="byteLen";
+		byteLen[1]=parseInt(d.byteLen);
+		
+		drillData.push({
+			name: d.domain,
+			id: d.domain,
+			type:'pie',
+			data: [pktNum,byteLen],
+		});*/
+		
+	});
+	// 创建图例
+	var chart = Highcharts.chart('chart_4',{
+		chart: {
+			backgroundColor: 'rgba(255, 255, 255, 0)',
+			plotBackgroundColor:null,
+			plotBorderWidth:null,
+			plotShadow:false,
+			type: 'pie'
+		},
+		/*navigation: {
+			buttonOptions: {
+				x:-5,
+				y: -10,
+			}
+		},*/
+		exporting: {
+			allowHTML:true,
+			filename:'Website',
+			chartOptions: {
+				plotOptions: {
+					series: {
+						dataLabels: {
+							enabled: true,
+							allowOverlap: true, // 允许数据标签重叠
+						},
+					},
+				}
+			}
+		},
+		noData:{
+			style: {//设置字体颜色
+				color: '#fff',
+			},
+		},
+		colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
+		title: {
+			text: null,
+		},
+		plotOptions: {
+			series: {
+				dataLabels: {
+					enabled: false,
+					format: '{point.name}'
+				},
+			},
+			pie:{
+				borderColor: "",
+				showInLegend: true,	
+				point: {
+					events: {
+						mouseOver: function(e) {  // 鼠标滑过时动态更新标题
+							this.slice();
+						},
+						// 鼠标移出时，收回突出显示
+						mouseOut: function() {
+							this.slice();
+						},
+						// 默认是点击突出，这里屏蔽掉
+						click: function() {
+							return false;
+						}
+					},
+				},
+			}
+		},
+		credits:{//是否有highcharts水印
+			enabled:false
+		},
+		legend:{
+			width:480,
+	    	x:50,
+	    	itemWidth:100,
+	    	itemDistance:2,
+	    	itemHoverStyle:{
+	    		color:'#61D2F7',
+	    	},
+	    	itemStyle:{
+	    		color: '#fff',
+	    		fontFamily:'Microsoft YaHei',
+	    	}
+	    },
+	    tooltip: {
+			enabled: true,
+			headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
+			pointFormat: '{point.y} <b> '+unit,
+			shared: true,
+			useHTML: true
+		},
+		series: [{
+			name: ' ',
+			colorByPoint: true,
+			data: data,
+		}],
+//		drilldown:{
+//			activeAxisLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei',
+//				
+//			},
+//			activeDataLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei'
+//			},
+//			series:drillData,
+//			drillUpButton: {
+//				relativeTo: 'spacingBox',
+//			}
+//		}
+	});
+}
+function echart_topic_domain(rs){
+	var data=[{
+	    'id': '0.0',
+//	    'parent': '',
+	    'name': 'TOPIC'
+	}];
+	var unit="bytes";
+	$(rs).each(function(i,d){
+		var inoctetsNum=d.count;
+    	unit=changeUnit(inoctetsNum);
+    	inoctetsNum=changeNum(inoctetsNum);
+		data.push({
+			'id': '1.'+d.topicId,
+			'parent': '0.0',
+			'name': d.topic,
+			'value':parseFloat(inoctetsNum)
+		});
+		/****主题中的子域名*******/
+		$(d.domainData).each(function(j,t){
+			var domainNum=t.byteCount;
+	    	unit=changeUnit(domainNum);
+	    	domainNum=changeNum(domainNum);
+	    	if(domainNum>0){
+	    		data.push({
+	    			'id': '2.'+t.webId,
+	    			'parent': '1.'+d.topicId,
+	    			'name': t.domain,
+	    			'value':parseFloat(domainNum)
+	    		});
+	    	}
+		})
+		
+	});
+	Highcharts.getOptions().colors.splice(0, 0, 'transparent');
+	var chart = Highcharts.chart('chart_topic', {
+	    chart: {
+	        backgroundColor: 'rgba(255, 255, 255, 0)',
+			plotBackgroundColor:null,
+			plotBorderWidth:null,
+			plotShadow:false,
+			marginTop:50,
+			marginBottom:10,
+	    },
+	   /* navigation: {
+			buttonOptions: {
+				x:-5,
+				y:15,
+			}
+		},*/
+	    exporting: {
+			allowHTML:true,
+			filename:'Topic',
+			chartOptions: {
+				plotOptions: {
+					series: {
+						dataLabels: {
+							enabled: true,
+							allowOverlap: true, // 允许数据标签重叠
+						},
+					},
+				}
+			},
+			buttons: exportingButton('#6e6379')
+		},
+	    //colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6','#0099cc','#cc0033','#ff6633','#99cccc','#d9f9d0'],
+//		colors:['#003078','#004bbc', '#015bb1', '#2f74b5', '#4186c1', '#0058e1','#066aff', '#5597cd', '#5c9dff', '#67a7de', '#77b5dc', '#98cde7','#89b9ff','#78adff'],
+//		colors:['#008ef9','#0594ff', '#002540', '#004679', '#025ba1', '#026fc0','#0279d5'],
+//		colors:['#002540','#004679','#025ba1', '#026fc0', '#0279d5', '#0086e9', '#008ef9','#0594ff', '#25a2ff', '#63bbff', '#88cbff'],
+		//colors:[ '#1C4573','#275A9C', '#306EB9', '#3579CE', '#3C85E1', '#3E8EF1','#4294F7', '#4294F7', '#98CBFA'],
+//		colors:['#012765','#01378e' ,'#014abd','#0156df','#0b68fe','#3481fe', '#5d9bfe','#85b4fe','#aecdff','#d6e6ff'],
+		colors:['#01378e','#013fa2','#014abd','#014ecb','#0156df','#015ef4','#0b68fe','#2075fe','#3481fe','#488efe','#5d9bfe','#71a7fe','#85b4fe','#9ac0fe','#aecdff','#d6e6ff','#012765','#012f7a'],
+//		colors:colors,
+	    noData:{
+			style: {//设置字体颜色
+				color: '#fff',
+			},
+		},
+	    title: {
+	        text: null
+	    },
+	    credits:{//是否有highcharts水印
+			enabled:false
+		},
+	    series: [{
+	        type: "sunburst",
+	        data: data,
+	        allowDrillToNode: true,
+	        cursor: 'pointer',
+	        colorByPoint: true,
+	        dataLabels: {
+	        	//format: '{point.name}',
+	        	/*formatter: function(){
+	        		this.point.value = this.point.value.toFixed(2);
+	        		this.series.name = this.point.name;
+	        		console.info(this);
+	        	},*/
+	            filter: {
+	                property: 'innerArcLength',
+	                operator: '>',
+	                value: 16
+	            }
+	        },
+	        levels: [{
+	            level: 1,
+	            levelIsConstant: false,
+	            dataLabels: {
+	                rotationMode: 'parallel',
+	                filter: {
+	                    property: 'outerArcLength',
+	                    operator: '>',
+	                    value: 64
+	                }
+	            }
+	        }, {
+	            level: 2,
+	            colorByPoint: true,
+	            dataLabels: {
+	                rotationMode: 'parallel'
+	            },
+	        },
+	        {
+	            level: 3,
+	            colorVariation: {
+	                key: 'brightness',
+	                to: 0.5
+	            }
+	        }, {
+	            level: 4,
+	            colorVariation: {
+	                key: 'brightness',
+	                to: 0.5
+	            }
+	        }]
+
+	    }],
+	    plotOptions: {
+	        sunburst: {
+	            borderColor: "",
+	            dataLabels: {
+					enabled: true,
+					style: {//设置字体颜色
+						color: '#fff',
+						fontSize:'11px',
+						fontFamily:'Microsoft YaHei',
+						textOutline:'none',
+						fontWeight:'normal'
+					},
+					format: '{point.name}',
+				}
+	        }
+	    },
+	    tooltip: {
+	        headerFormat: "",
+	        pointFormat: '<b>{point.name}</b> : <b>{point.value:.2f}<b> ' +unit
+	    }
+	});
+}
+
+function exportingButton(color) {
+	var button = {
+			contextButton: {
+				symbolSize: 12,
+				symbolX: 11,
+				symbolY: 10,
+				symbolStroke: '#e6e6e6',
+				symbolFill: '#e6e6e6',
+				width: 21,
+				height: 20,
+				theme: {
+					'stroke-width': 1,
+					stroke: '#e6e6e6',
+					r: 0,
+					fill: color,
+					states: {
+						hover: {
+							fill: color
+						},
+						select: {
+							fill: color
+						}
+					}
+				}
+			}
+		};
+	return button;
+}