OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/14/2022 11:05:22 AM	rwxr-xr-x
📄 ANDHRAPRADESH.txt	109.85 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 ARUNACHALPRADESH.txt	47.89 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 ASSAM.txt	56.94 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 BIHAR.txt	104.76 KB	08/14/2022 11:05:15 AM	rw-r--r--
📄 BRAZIL.txt	638.37 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 CHHATTISGARH.txt	59.97 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 Color.txt	328 bytes	08/14/2022 11:05:18 AM	rw-r--r--
📄 DELHI.txt	15.38 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 GOA.txt	28.09 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 GUJARAT.txt	152.19 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 HARYANA.txt	64.8 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 HIMACHALPRADESH.txt	66.54 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 INDIA.txt	120.59 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 Indiabackup.txt	121.13 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 JAMMUANDKASHMIR.txt	47.18 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 JHARKHAND.txt	63.87 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 KARNATAKA.txt	121.79 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 KERALA.txt	57.68 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 MADHYAPRADESH.txt	113.69 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 MAHARASHTRA.txt	120.34 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 MANIPUR.txt	43.02 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 MEGHALAYA.txt	21 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 MIZORAM.txt	26.99 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 Map.css	78 bytes	08/14/2022 11:05:16 AM	rw-r--r--
📄 NAGALAND.txt	55.35 KB	08/14/2022 11:05:15 AM	rw-r--r--
📄 ODISHA.txt	113.44 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 PUNJAB.txt	65.36 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 RAJASTHAN.txt	95 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 SIKKIM.txt	16.99 KB	08/14/2022 11:05:15 AM	rw-r--r--
📄 TAMILNADU.txt	121.33 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 TRIPURA.txt	16.46 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 UTTARAKHAND.txt	58.99 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 UTTARPRADESH.txt	121.33 KB	08/14/2022 11:05:16 AM	rw-r--r--
📄 WESTBENGAL.txt	65.65 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 WORLD.txt	553.19 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 home.png	8.75 KB	08/14/2022 11:05:17 AM	rw-r--r--
📄 plotSvgMAps.js	18.71 KB	08/14/2022 11:05:15 AM	rw-r--r--
📄 plotSvgMaps.js	17.2 KB	08/14/2022 11:05:16 AM	rw-r--r--

Editing: plotSvgMAps.js

/* global variables, one graph Supported in one page*/
var timeOut=0;
var tmpJson={}, timeCtr=0;

function getGeoChart(authToken, gid, divId, moduleId, column, isFullrep, format, Height, Width, newId){
	var reportMetaDataCollection=createReportList(authToken, userId);
	var reportMetaData=reportMetaDataCollection.getReportById(gid, "Personal");

var displayObj=new displayOptions();
	displayObj.RDsetGeneral();
	displayObj.RD.General.divId=divId;
	displayObj.RD.General.authToken=authToken;

var  newReportObj = new Report();
	newReportObj.setheight(Height);
	newReportObj.setwidth(Width);

populateReportFromID(authToken, reportMetaData, plotGeoChart, displayObj, newReportObj);
	$(".moduleTitle", document.getElementById(moduleId)).html(getAnalyzeLink(gid, reportMetaData.SystemTitle, reportMetaData.SubTitle, reportMetaData.Title));
}

function getGeoDimensionPosition(ReportObj){
	var metaDataCollection=createItemList(ReportObj.dispObj.RD.General.authToken);
	var dimsArray=ReportObj.getdimensionIds();
	var geoLocationArray=new Array();
	var item="";

for(var i=0; i<dimsArray.length; i++){
		item=metaDataCollection.getItemById(dimsArray[i]);
		if(item.DataType.toLowerCase() == 'geo'){
			geoLocationArray.push(i);
		}
	}

return geoLocationArray;
}

return mtype;
}

function updateChartByValue(ReportData){

}

function plotGeoChart(ReportData, ReportObj){
	var mapType="World";
	var containerId = ReportObj.dispObj.RD.General.divId;
	var geoLocationArray = getGeoDimensionPosition(ReportObj);
	var callBack = updateChartByValue(ReportData);

if(ReportObj.dispObj.RD.General.callback)
		callBack=ReportObj.dispObj.RD.General.callback;

/*if(ReportObj.getheight()>getMheight()*.7){
	  $('div#'+containerId).css('height', ReportObj.getheight());
	  }
	  else{
	  $('div#'+containerId).css('height', getMheight()*.7);
	  }*/

if(ReportObj.dispObj.RD.General.mapType){
		mapType=ReportObj.dispObj.RD.General.mapType;
	}
	else{
		mapType=getMapTypeFromDimName(geoLocationArray, ReportData);
	}
	formatReportData(ReportData, ReportObj.getdimmeta(), ReportObj.getlayout(), ReportObj.gettopn());
	ReportObj.setdata(ReportData);
	addMeasureColumn(ReportObj, ReportObj.dispObj.RD.General.authToken);
	plotSVGMaps(mapType, containerId, geoLocationArray, ReportData, callBack, ReportObj);
}

function plotSVGMaps(mapType, containerId, geoLocationArray, ReportData, callBack, ReportObj){

d3.select("#"+containerId).html('<div class="myChart"><div class="svgLegend"></div><div class="tipsy"><div class="tipsy-arrow"></div><div class="tipsy-inner"></div></div></div>');
	d3.selectAll(".tipsy").style("display", "none");
	var json=makeJsonFromArrayNew(ReportData, ReportObj.dimensions.length, ReportObj.measures.length, ReportObj.formats, ReportObj.dispObj),
	    Width = d3.select("#"+containerId)[0][0].clientWidth,
	    Height = d3.select("#"+containerId)[0][0].clientHeight,
	    URL,
	    mapSvgCode=new Array(),
	    svg=findSvgAreaMap(json.size.length,displayObj,json, Width, Height, containerId),
	    measNum=1,
	    cnc;
	makeParentsJson(json);
	var u=0,		//up-down
	    l=0,		//left-right
	    s=1,		//scale
	    y,			//y coordinate for slider
	    delta=1;		//smallest scale difference of slider.
	var curpos = [0,0];
	var zoom=d3.behavior.zoom()
		.on("zoom",zoomed);
	function zoomed(){
		if(d3.event.sourceEvent.type=="mousewheel"){
			if(d3.event.scale >= 7)
				s=7;
			else if(d3.event.scale <1 )
				s=1;
			else
				if(d3.event.scale>s)
					s=s+delta;
				else
					s=s-delta;

mapgraph.selectAll("path").transition().attr("transform","translate("+(-(145)*(s-1)/2+curpos[0])+","+(-svg[2]*(s-1)/2+curpos[1])+"),scale("+(s)+")");
		}
		else{
			mapgraph.selectAll("path").attr("transform","translate("+[d3.event.translate[0]+curpos[0], d3.event.translate[1]+curpos[1]]+"),scale("+(s)+")");
			curpos = d3.event.translate;
		}
		zooming();
	}

var colors= ["#dd8125","#ef8b28","#ffa02e","#ffc939","#ffff51","#ffff7f","#ffffdd","#7499e2","#6889cb","#5c79b4","#506a9d","#445a85","#384a6e","#2d3b57"];				
	//var colors = ["#FF6968","#c7e9b4","#41b6c4","#225ea8","#081d58"];
	//["#FF6968","#FFFF33","#45d912"];
	var zoompanel = svg[0].append("g").append("svg").attr("width",80).attr("height",svg[2]);

zoompanel.style("position","absolute").style("z-index",100);

zoompanel.append("g")
		.append("rect")
		.on("click",function(){
				if(s<7)
					s=s+delta;
				mapgraph.selectAll("path").transition().attr("transform","translate("+(-(145)*(s-1)/2+curpos[0])+","+(-svg[2]*(s-1)/2+curpos[1])+"),scale("+(s)+")");
				zooming();
		})
		.attr("width",15)
		.attr("height",15)
		.attr("x",27.5)
		.attr("y",85);
	zoompanel.append("g")
		.append("text").text("+")
		.attr("x",33)
		.attr("y",95)
		.on("click",function(){
				if(s<7)
				s=s+delta;
				mapgraph.selectAll("path").transition().attr("transform","translate("+(-(145)*(s-1)/2+curpos[0])+","+(-svg[2]*(s-1)/2+curpos[1])+"),scale("+(s)+")");
				zooming();
		});
	zoompanel.append("g")
		.append("rect")
		.on("click",function(){
				if(s>1)
				s=s-delta;
				mapgraph.selectAll("path").transition().attr("transform","translate("+(-(145)*(s-1)/2+curpos[0])+","+(-svg[2]*(s-1)/2+curpos[1])+"),scale("+(s)+")");
				zooming();
		})
		.attr("width",15)
		.attr("height",15)
		.attr("x",27.5)
		.attr("y",200);
	zoompanel.append("g")
		.append("text")
		.text("-")
		.style("font-size","17px")
		.attr("x",33)
		.attr("y",210)
		.on("click",function(){
				if(s>1)
				s=s-delta;
				mapgraph.selectAll("path").transition().attr("transform","translate("+(-(145)*(s-1)/2+curpos[0])+","+(-svg[2]*(s-1)/2+curpos[1])+"),scale("+(s)+")");
				zooming();
				});
	zoompanel.append("g")
		.append("rect")
		.attr("width",5)
		.attr("height",100)
		.attr("x",32.5)
		.attr("y",100);

zoompanel.append("g")
		.append("rect")
		.attr("class","sliderrect")
		.attr("width",15)
		.attr("height",7)
		.attr("x",27.5)
		.attr("y",190)
		.call(slide);
	var arrowrect = zoompanel.append("g")
		.attr("class","arrowrect")

}

}

function replotMap(mapType,d){
		cnc = d.children;
		if(cnc){
			mapType=mapType.replace(" ","").replace("_","").toUpperCase()
				d.mapType=mapType;
			if(!(mapSvgCode[mapType])){
				URL="/showcase/js/D3/Maps/"+mapType+".txt",
					mapSvgCode[mapType]=getRequestedData(URL, null, 0, false);
			}

mapgraph.html(mapSvgCode[mapType]);
			mapgraph.selectAll("#"+mapType+"svg").attr("id",containerId+mapType+"svg");
			document.getElementById(containerId+mapType+"svg").height.baseVal.value = svg[2]-2;
			document.getElementById(containerId+mapType+"svg").width.baseVal.value = svg[3];
			mapgraph.selectAll("svg").call(zoom);
			mapgraph.selectAll("path").transition().attr("transform","translate("+(-(145)*(s-1)/2+curpos[0])+","+(-svg[2]*(s-1)/2+curpos[1])+"),scale("+(s)+")");
			plotMapmeas(measNum);			//function to change color according to measNum clicked.

updateLegendll(containerId, svg, d, 0,0,0,0,json,d.name,0,clickMapUpLeg, displayObj, ReportObj.formats)
		}
		else{
			cnc=d.parent.children;
			alert("No further divisions!.");
		}
	}
	function clickMapUpLeg(divId, d,i, svg, x,y,width,height,json,mapType,k,c, dispObj, MeasFormats) {
		if(geoLocationArray[0] == 1){
			timeCtr=0;
			callFunc(d.mapType, json);
		}
		else{
			replotMap(d.mapType,d);
		}
	}
	zooming();
}

function findSvgAreaMap(n,dispObj,json, Width, Height, divId){
	var Width = Width-20, Height = Height-30;
	var r = dispObj.getNumRows()>n ? n : dispObj.getNumRows();
	var height,
	    width = 0,
	    p=0;
	for(var k=0;Math.floor(k)<=(n-n/r);k=k+n/r){
		var t=0;
		var s=0;
		for(var i=Math.ceil(k);i<k+n/r;i++){
			if(dispObj.getShowLabels())
				t = t+json.measName[i].length*6+4;
			else 
				t=4;
			if(width<=t+6+(12)*s)			
				width=t+6+(12)*(s+1);
			s++;
		}
		p++;
	}
	var legHeight = (p+1)*15;
	var legWidth = width;		
	var svg,svgL,w,h;
	if(dispObj.getlegendPlacement()=="outsideGrid" && dispObj.getShowLegend()){	
		if(dispObj.getLocation()== "w"){
			svgL = d3.select("#"+divId).select(".myChart")
				.append("svg")
				.attr("width", width = legWidth)
				.attr("height", height = Height)
				.append("g")
				.attr("transform","translate(0,"+ (height - legHeight)/2+")")

svg = d3.select("#"+divId).select(".myChart").append("g");
			w = Width-legWidth;
			h = Height;
		}
		else if (dispObj.getLocation()== "e"){
			svg = d3.select("#"+divId).select(".myChart").append("g");
			w = Width-legWidth;
			h = Height;

svgL = d3.select("#"+divId).select(".myChart")
				.append("svg")
				.attr("width", width = legWidth)
				.attr("height", height = Height)
				.append("g")
				.attr("transform","translate(0,"+(height - legHeight)/2+")")
		}
		else if (dispObj.getLocation()== "n"|| dispObj.getLocation()== "nw"|| dispObj.getLocation()== "ne"){
			svgL = d3.select("#"+divId).select(".myChart")
				.append("svg")
				.attr("width", width = Width)
				.attr("height", height = legHeight)
				.append("g")
				.attr("transform", function() {
						if(dispObj.getLocation()== "n")
						return "translate("+ (Width-legWidth)/2+",0)";
						else if(dispObj.getLocation()== "nw")
						return "translate(0,0)";
						else
						return "translate("+(Width-legWidth)+",0)";
						})

svg = d3.select("#"+divId).select(".myChart").append("g");
			w = Width;
			h = Height-legHeight;
		}	
		else {

svg = d3.select("#"+divId).select(".myChart").append("g");
			w = Width;
			h = Height-legHeight;

svgL = d3.select("#"+divId).select(".myChart")
				.append("svg")
				.attr("width", width = Width)
				.attr("height", height = legHeight)
				.append("g")
				.attr("transform", function() {
						if(dispObj.getLocation()== "s")
						return "translate("+ (Width-legWidth)/2+",0)";
						else if(dispObj.getLocation()== "sw")
						return "translate(0,0)";
						else	
						return "translate("+(Width-legWidth)+",0)";
						})
		}
	}
	else{	
		var comSvg = d3.select("#"+divId).select(".myChart");
		svg = comSvg.append("g").style("position","absolute");
		svgL = comSvg.append("g").append("svg").style("position","absolute").style("z-index",50).attr("width",legWidth).attr("height",legHeight);

if(dispObj.getLocation()== "w"){		
			svgL.style("left",25).style("top",(Height+120-legHeight)/2);
		}	
		else if (dispObj.getLocation()== "e"){
			svgL.style("left",Width-legWidth).style("top",(Height+120-legHeight)/2);//(80+40)
		}
		else if (dispObj.getLocation()== "n")
			svgL.style("left",(Width-legWidth)/2);
		else if (dispObj.getLocation()== "nw")
			svgL.style("left",25);
		else if (dispObj.getLocation()== "ne")
			svgL.style("left",Width-legWidth);
		else if (dispObj.getLocation()== "s")
			svgL.style("left",(Width-legWidth)/2).style("top",Height+80-legHeight);
		else if(dispObj.getLocation()== "sw")
			svgL.style("left",25).style("top",Height+80-legHeight);
		else
			svgL.style("left",Width-legWidth).style("top",Height+80-legHeight);

h = height = Height;
		w = width = Width;
	}
	if(dispObj.getlegendPlacement()=="insideGrid"){	
		var drag1 = d3.behavior.drag()
			.on("drag", function() {
					d3.select(this).attr("transform", "translate(" + [ d3.event.x,d3.event.y ] + ")")
					d3.select(this)[0][0].attributes[0] = d3.event.x;
					d3.select(this)[0][0].attributes[1] = d3.event.y;

})
		.on("dragend",function() {

})
		svgL.call(drag1);
	}

return [svg,svgL,h,w,height,width];
}