package?com.taohan.online.exam.charts;

import?java.util.Map;
import?java.util.Set;

import?org.springframework.stereotype.Repository;

import?com.github.abel533.echarts.axis.CategoryAxis;
import?com.github.abel533.echarts.axis.ValueAxis;
import?com.github.abel533.echarts.code.Magic;
import?com.github.abel533.echarts.code.Tool;
import?com.github.abel533.echarts.code.Trigger;
import?com.github.abel533.echarts.code.X;
import?com.github.abel533.echarts.code.Y;
import?com.github.abel533.echarts.feature.MagicType;
import?com.github.abel533.echarts.json.GsonOption;
import?com.github.abel533.echarts.series.Line;
import?com.taohan.online.exam.po.ClassInfo;

/**
??*
??*?
title:?StudentCount

??*?
Description:?（年級下/所有）班級的學生總量?相關圖表Json數據生成

??*?@author:?taohan
??*?@date:?2018-9-17
??*?@time:?下午7:03:13
??*?@version:?1.0
??*/

@Repository
public?class?StudentCount?{

	/**
	?*?班級對應學生人數折線圖
	?*?@param?data
	?*?@return
	?*/
	public?static?String?createBarJson（Mapject>?data）?{
		Set?set?=?data.keySet（）;
		
		GsonOption?option?=?new?GsonOption（）;
		option.title（）.text（“班級學生數量統計“）.x（X.center）.y（Y.top）.borderWidth（1）.textstyle（）.color（“#438EB9“）;
		option.toolbox（）.show（true）.feature（Tool.mark?Tool.restore?new?MagicType（Magic.bar?Magic.line）?Tool.saveAsImage）.x（X.right）.y（Y.top）;
		//數據默認觸發，?鼠標移入顯示豎線??trigger（Trigger.axis）
		option.tooltip（）.formatter（“{b}?{c}人“）.trigger（Trigger.axis）;

		option.legend（）.data（“班級總人數“）.x（X.center）.y（Y.bottom）.borderWidth（1）;
		
		Line?line?=?new?Line（“班級總人數“）;
		
		//值軸
		ValueAxis?valueAxis?=?new?ValueAxis（）;
		valueAxis.axisLabel（）.formatter（“{value}人“）.textstyle（）.color（“#438EB9“）;
		//valueAxis.min（0）;
		option.yAxis（valueAxis）;
		
		//類目軸
		CategoryAxis?categoryAxis?=?new?CategoryAxis（）;
		//interval（0）：設置橫軸信息全部顯示
		//rotate（-30）：設置?-30?度角傾斜顯示
		categoryAxis.axisLabel（）.interval（0）.rotate（-30）.textstyle（）.color（“#438EB9“）;
		
		for?（String?className?:?set）?{
			categoryAxis.data（className）;
			ClassInfo?classInfo?=?（ClassInfo）data.get（className）;
			line.data（classInfo.getClassId（））;
		}
		
		option.xAxis（categoryAxis）;
		line.smooth（true）;
		option.series（line）;
		option.grid（）.x（100）;
		System.out.println（option.toString（））;
		return?option.toString（）;
	}
}

?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????目錄???????????0??2019-05-24?14:30??導入文件示例文件\
?????文件???????10541??2018-10-17?15:09??導入文件示例文件\sample.xlsx
?????目錄???????????0??2019-05-24?14:30??數據庫文件\
?????文件????????9263??2018-10-19?16:01??數據庫文件\db_online_ssm（無數據）.sql
?????文件?????1347125??2018-10-19?15:50??數據庫文件\db_online_ssm.sql
?????目錄???????????0??2019-05-24?14:30??運行截圖\
?????文件???????14783??2018-10-19?13:49??運行截圖\0.png
?????文件??????118264??2018-10-19?13:49??運行截圖\1.png
?????文件???????24220??2018-10-19?15:38??運行截圖\10.png
?????文件???????85757??2018-10-19?15:39??運行截圖\11.png
?????文件???????76334??2018-10-19?15:39??運行截圖\12.png
?????文件??????102394??2018-10-19?15:39??運行截圖\13.png
?????文件???????75264??2018-10-19?15:40??運行截圖\14.png
?????文件??????128910??2018-10-19?15:40??運行截圖\15.png
?????文件???????98308??2018-10-19?15:40??運行截圖\16.png
?????文件??????122568??2018-10-19?15:41??運行截圖\17.png
?????文件??????115885??2018-10-19?15:41??運行截圖\18.png
?????文件??????104911??2018-10-19?15:41??運行截圖\19.png
?????文件??????102707??2018-10-19?13:50??運行截圖\2.png
?????文件???????97830??2018-10-19?15:41??運行截圖\20.png
?????文件??????108539??2018-10-19?15:42??運行截圖\21.png
?????文件??????103961??2018-10-19?15:42??運行截圖\22.png
?????文件??????146631??2018-10-19?15:42??運行截圖\23.png
?????文件??????130398??2018-10-19?15:43??運行截圖\24.png
?????文件??????151159??2018-10-19?15:44??運行截圖\25.png
?????文件??????117397??2018-10-19?15:44??運行截圖\26.png
?????文件???????98489??2018-10-19?15:45??運行截圖\27.png
?????文件???????99742??2018-10-19?15:45??運行截圖\28.png
?????文件??????106019??2018-10-19?15:45??運行截圖\29.png
?????文件??????110519??2018-10-19?13:51??運行截圖\3.png
?????文件??????100979??2018-10-19?15:45??運行截圖\30.png
............此處省略799個文件信息