:
functionGetData () {varPlacelist = [ //{name: ' Haimen ', geocoord:[121.15, 31.89]} ] varYear =document.getelementbyid (' year '). Value; varProvinceid =document.getelementbyid ("Sheng"). Value; varQuota_1 =document.getelementbyid ("Quota_1"). Value; varQuota_2 =document.getelementbyid ("quota_2"). Value; varQuota_3 =document.getelementbyid ("Quota_3"). Value; varQuota_4 =document.getelementbyid ("Quota_4"). Value; varindex = ""; if(Quota_1! = "") {index =quota_1}; if(Quota_2! = "") {index =quota_2}; if(Quota_3! = "") {index =Quota_3}; if(Quota_4! = "") {index =Quota_4}; $.ajax ({URL:"./enterpriseanalysisfetcher.do?action=envmapdata", type:"POST", DataType:"JSON", Async:false, data:{' Year ': Year, "Provinceid":p Rovinceid, "index": Index}, Success:function(JSON) { placelist = json; } });
/**Hemp Point Chart Data *@paramRequest *@paramResponse *@throwsException*/ Private voidGetenvmapblackdata (httpservletrequest request, httpservletresponse response)throwsException {Envdataminimanager Envdataminimanager= (Envdataminimanager) Context.getbean (Envdataminimanager.class); intProvinceid = getInt (Request, "Provinceid", 0); intYear = getInt (Request, "year", 0); String Index= Get (Request, "index", "")); Markpoint[] Dataminis= Envdataminimanager.getmarkpointenvdata (year, Provinceid, index,NULL); Output (jsonarray.tojsonstring (Dataminis), response); //System.out.println (Dataminis); } PublicMarkpoint[] Getmarkpointenvdata (intYearintProvinceid, String index,dbsession session)throwsjexception {List<MarkPoint> list =NewArraylist<markpoint>(); if(Session = =NULL) {Session=context.getdbsession (); } Iresultset RS=NULL; Try{object[] paramobjects=Newobject[]{}; int[] Paramtypes =New int[]{}; String SQL = "Select B.cp_region, B.cp_lng,b.cp_lat from Env_pollutiondata A,env_company b where a.pd_company_id=b.id and" +inde x+ ">0"; if(year>0) { SQL = sql + "and a.pd_year =?"; } if(provinceid>0) { SQL = sql + "and a.pd_province_id =?"; } if(year>0&&provinceid>0) {paramobjects=NewObject[]{year,provinceid}; Paramtypes=New int[]{year,provinceid}; }Else if(year>0) {paramobjects=NewObject[]{year}; Paramtypes=New int[]{year}; }Else if(provinceid>0) {paramobjects=NewObject[]{provinceid}; Paramtypes=New int[]{provinceid}; } SQL = sql+ "GROUP by a.pd_company_id"; SYSTEM.OUT.PRINTLN (SQL); //sql = "SELECT * from Env_pollutiondata WHERE ID = 1"; //rs = session.executequery (sql, New object[]{paramobjects}, New Int[]{types.decimal});rs =session.executequery (SQL, paramobjects, paramtypes); SYSTEM.OUT.PRINTLN (SQL); while(Rs.next ()) {Markpoint Mark=NewMarkpoint (); Mark.setname (rs.getstring ( "Cp_region")); Mark.setgeocoord (new float[]{rs.getfloat ("cp_lng"), Rs.getfloat ("Cp_lat")}); List.add (Mark); } } Catch(Exception e) {Logger.getprojlogger (). Error (E.getmessage (), E); return NULL; } finally{resourcemgr.closequietly (RS); Resourcemgr.closequietly (session); } returnList.toarray (NewMarkpoint[0]); }
require ([' Echarts ', ' Echarts/chart/bar ',//load bar module with bar chart, load on Demand' Echarts/chart/map ' ], function(EC) {//Initialize the Echarts chart based on the prepared Dom varMyChart = Ec.init (document.getElementById (' Container1 ')); varoption ={backgroundcolor:' #1b1b1b ', color: [' Rgba (255, 255, 255, 0.8) ', ' Rgba (14, 241, 242, 0.8) ', ' Rgba (37, 140, 249, 0.8) '], title: {Tex T:' Massive markpoint effects ', /*Subtext: ' Pure fiction ',*/x:' Center ', TextStyle: {color:' #fff '}}, Legend: {Orient:' Vertical ', x:' Left ', data:[' Strong ', ' Medium ', ' weak '], TextStyle: {color:' #fff '}}, Series: [{name:' Weak ', type: ' Map ', Maptype: ' China ', itemstyle:{normal:{bordercolor:' Rgba (100,149,237,1) ', borderwidth:1.5, Areastyle:{color: ' #1b1b1b '}} , data: [], Markpoint: { Symbolsize:2, Large:true, Effect: {show:true}, Data: (function(){ vardata = []; varLen = 3000; varGeocoord while(len--) {Geocoord= Placelist[len%Placelist.length].geocoord; Data.push ({Name:placelist[len% placelist.length].name +len, Value:10, Geocoord: [geocoord[0] + math.random () * 5-2.5, geocoord[1] + math.random () * 3-1.5 ] }) } returndata; })()//Data }//Markpoint}, {name:In, type:' Map ', Maptype:' China ', data: [], Markpoint: {symbolsize:3, Large:true, Effect: {show:true}, Data: (function(){ vardata = []; varLen = 1000; varGeocoord while(len--) {Geocoord= Placelist[len%Placelist.length].geocoord; Data.push ({Name:placelist[len% placelist.length].name +len, Value:50, Geocoord: [geocoord[0] + math.random () * 5-2.5, geocoord[1] + math.random () * 3-1.5 ] }) } returndata; }) ()}}, {name:Strong, type:' Map ', Maptype:' China ', hoverable:false, Roam:true, data: [], Markpoint: {symbol:' Diamond ', Symbolsize:6, Large:true, Effect: {show:true}, Data: (function(){ vardata = []; varLen =placelist.length; while(len--) {Data.push ({name:placelist[len].name, Value:90, Geocoord:placelist[len].geocoord}) } returndata; })() } } ]//Series }; //loading data for Echarts objectsmychart.setoption (option); } );
Echarts markpoint Dynamic Data Add, selective query