优化旭日图展示

src/main/webapp/static/pages/scripts/echart.js

@@ -1327,7 +1327,8 @@ function echart_topic_domain(rs){
 	var data=[{
 	    'id': '0.0',
 //	    'parent': '',
-	    'name': 'Service'
+	    'name': 'Service',
+	    color:'#265197'
 	}];
 	var unit="bytes";
 	$(rs).each(function(i,d){
@@ -1342,6 +1343,7 @@ function echart_topic_domain(rs){
     	if(inoctetsNum>0){
 		/****主题中的子域名*******/
     	var topicData=0;
+    	
 		$(d.domainData).each(function(j,t){
 			var domainNum=t.byteCount;
 			var domainNumK=domainNum/1024;
@@ -1373,14 +1375,8 @@ function echart_topic_domain(rs){
 			plotBorderWidth:null,
 			plotShadow:false,
 			marginTop:50,
-			marginBottom:10,
+			marginBottom:10
 	    },
-	   /* navigation: {
-			buttonOptions: {
-				x:-5,
-				y:15,
-			}
-		},*/
 	    exporting: {
 			allowHTML:true,
 			filename:'Service'+addDateName(),
@@ -1399,18 +1395,9 @@ 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:['#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',
-			},
-		},
-	    title: {
+//		colors:[ '#1C4573','#275A9C', '#306EB9', '#3579CE', '#3C85E1', '#3E8EF1','#4294F7', '#4294F7', '#98CBFA'],
+		colors:['#013fa2', '#014ecb', '#015ef4', '#01378e', '#014abd','#0156df','#0b68fe'],
+	  	title: {
 	        text: null
 	    },
 	    credits:{//是否有highcharts水印
@@ -1421,19 +1408,19 @@ function echart_topic_domain(rs){
 	        data: data,
 	        allowDrillToNode: true,
 	        cursor: 'pointer',
-	        colorByPoint: true,
+	        //colorByPoint: true,
 	        dataLabels: {
 	        	//format: '{point.name}',
-	        	/*formatter: function(){
+	        	formatter: function(){
 	        		this.point.value = this.point.value.toFixed(2);
 	        		this.series.name = this.point.name;
 	        		console.info(this);
-	        	},*/
-	            filter: {
+	        	},
+	           filter: {
 	                property: 'innerArcLength',
 	                operator: '>',
 	                value: 16
-	            }
+	           }
 	        },
 	        levels: [{
 	            level: 1,
@@ -1470,7 +1457,8 @@ function echart_topic_domain(rs){
 	    }],
 	    plotOptions: {
 	        sunburst: {
-	            borderColor: "",
+	            borderColor: "#ffffff",
+	            borderWidth:0.2,
 	            dataLabels: {
 					enabled: true,
 					style: {//设置字体颜色
@@ -1480,7 +1468,7 @@ function echart_topic_domain(rs){
 						textOutline:'none',
 						fontWeight:'normal'
 					},
-					format: '{point.name}',
+					format: '{point.name}'
 				}
 	        }
 	    },
@@ -1488,7 +1476,53 @@ function echart_topic_domain(rs){
 	        headerFormat: "",
 	        pointFormat: '<b>{point.name}</b> : <b>{point.value:.2f}<b> ' +unit
 	    }
-	});
+	}/*{
+		chart: {
+			 backgroundColor: 'rgba(255, 255, 255, 0)',
+				plotBackgroundColor:null,
+				plotBorderWidth:null,
+				plotShadow:false,
+				marginTop:50,
+				marginBottom:10
+		},
+		title: {
+			text: '2017 世界人口分布'
+		},
+		subtitle: {
+			text: '数据来源： <href="https://en.wikipedia.org/wiki/List_of_countries_by_population_(United_Nations)">Wikipedia</a>'
+		},
+		series: [{
+			type: "sunburst",
+			data: data,
+			allowDrillToNode: true,
+			cursor: 'pointer',
+			dataLabels: {
+				*//**
+	             * A custom formatter that returns the name only if the inner arc
+	             * is longer than a certain pixel size, so the shape has place for
+	             * the label.
+	             *//*
+			},
+			levels: [{
+				level: 2,
+				colorByPoint: true,
+				dataLabels: {
+					rotationMode: 'parallel'
+				}
+			},
+					 {
+						 level: 3,
+						 colorVariation: {
+							 key: 'brightness',
+							 to: -0.5
+						 }
+					 }]
+		}],
+		tooltip: {
+			headerFormat: "",
+			pointFormat: '<b>{point.name}</b>的人口数量是：<b>{point.value}</b>'
+		}
+	}*/);
 }
 
 function exportingButton(color) {