OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/14/2022 11:05:22 AM	rwxr-xr-x
📄 Radar.js	8.86 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 bar.js	17.59 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 bullet.css	422 bytes	08/14/2022 11:05:19 AM	rw-r--r--
📄 bullet.js	10.65 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 calendar.js	16.63 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 calender.css	541 bytes	08/14/2022 11:05:20 AM	rw-r--r--
📄 combo.js	16.74 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 combo_2.js	17.91 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 combo_wip.js	16.61 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 commonFunc.js	25.28 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 customChart.js	577 bytes	08/14/2022 11:05:20 AM	rw-r--r--
📄 d3Charts.css	2.88 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 donut.js	5.67 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 filledAreaPercent.js	17.95 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 funnel.js	6.03 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 funnel.js_previous_o4aug17	5.86 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 gauged.js	15.3 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 groupbar.js	13.18 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 groupbar_23Aug2019.js	10.85 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 heatmap.js	9.77 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 html2canvas.min.js	161.47 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 makeJson.js	1.64 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 makeJsonmulti.js	3.75 KB	08/14/2022 11:05:18 AM	rw-r--r--
📄 multiLine.js	17.24 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 multipleDonut.js	5.29 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 pie.js	4.52 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 radar.js	6.49 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 saveSvgAsPng.js	14.62 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 stackedAreaDate.js	17.56 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 stackedAreaDate_bkup23Nov2020.js	17.56 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 stackedbar.js	10.72 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 stackedbar_bkup21Apr2020.js	10.72 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 stock.js	13.6 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 sun.js	7.59 KB	08/14/2022 11:05:20 AM	rw-r--r--
📄 sunburst.js	7.13 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 tableChart.js	11.54 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 tableChart_07Jan2020.js	6.7 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 tree.js	7.34 KB	08/14/2022 11:05:19 AM	rw-r--r--
📄 waterfall.js	9.17 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 zoomTree.js	7.59 KB	08/14/2022 11:05:19 AM	rw-r--r--

Editing: groupbar_23Aug2019.js

function drawColumnChart(Data, divId, Title, Width, Height, Ndim, Nmeas, MeasFormats, Dimensions, Measures, dispObj){
	var margin = {top: 20, right: Nmeas*45, bottom: Height/4, left: 65},
	    width,
	    height,	
	    i=0,
	    measNum = 1,
	    json=makeJsonFromArrayNew(Data, Ndim, Nmeas, MeasFormats, dispObj);
	makeParentsJson(json);
	resolveComputeMeasure(json, dispObj.RD.General.Measures);
        applyShowHideMeasure(json, dispObj);
        Nmeas=json.measName.length;
	d3.select("#"+divId).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 svg = findSvgArea(Nmeas,dispObj,json, Width, Height,divId);

height = svg[2] - margin.top-50;
	width = dispObj.getMultiAxes() ?  svg[3]- margin.left - margin.right :  svg[3] - margin.left - 30;

svg[0].attr("transform", "translate(" + margin.left + "," + margin.top + ")");

var x = d3.scale.ordinal()
		.rangeRoundBands([0, width]),
	    k = new Array(Nmeas),//to track path number
	    y = new Array(Nmeas);

for(i=0;i<Nmeas;i++){
		y[i] = d3.scale.linear().rangeRound([height, 0]);
		k[i]=1;
	}

curNode = json;
	if(dispObj.getShowLegend()){
		if(dispObj.getMultiAxes()){
			makeLegend(svg,Nmeas,measNum,0,clickRectL,json,k,1, dispObj);
		}
		else{
			makeLegend(svg,Nmeas,measNum,plotColumn,clickRectColumn,json,k,1, dispObj);
		}
	}
	function clickRectColumn(ele,k,svg,n){
		k[+ele.id]=!k[+ele.id];
		svg[0].selectAll("path").remove();
		svg[0].selectAll("g").remove();
		svg[0].selectAll("circle").remove();
		svg[0].selectAll("text").remove();
		svg[0].selectAll("rect").remove();
		plotColumn(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
	}

plotColumn(divId, svg, json, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
}

svg[0].select(".xaxis").selectAll(".tick").append("title").text(function (d){return d;});

if(!dispObj.getMark())
		svg[0].selectAll(".xaxis").selectAll(".tick").selectAll("line").remove();
	if(dispObj.getShowLabel()){
		svg[0].append("text")
			.attr("class","label")
			.text(cnc[0].dimName)
			.attr("transform","translate("+width/2+","+(height+lblPad)+")")
			.attr("class", "label")
			.style("text-anchor", "middle");
	}
	if(dispObj.getMultiAxes()){
		tv=getTickValues(y[0].domain()[0], y[0].domain()[1], nTicks);
		yaxis[0] = svg[0].append("g")
			.attr("class", "class0")
			.style("fill",dispObj.colorArr[0])
			.call(d3.svg.axis().scale(y[0]).orient("left").tickFormat( function(d) { return formatSmallScale(d, MeasFormats[0]) }).tickValues(tv));

svg[0].select(".class0").select(".domain").style("stroke",dispObj.colorArr[0]);
		svg[0].append("g").attr("class","ygrid")
			.call(d3.svg.axis().scale(y[0]).orient("left")
					.tickValues(tv)
					.tickSize(-(width),0,0));
		if(!(dispObj.getShowGridLines() && dispObj.getShowTicks()))
			svg[0].select(".ygrid").selectAll("line").style("visibility","hidden");
	
		svg[0].selectAll(".ygrid").selectAll(".tick").selectAll("text").remove();
	
		if(dispObj.getShowLabel())
			ytext[0] = svg[0].selectAll(".class0").append("g")
					.append("text")
					//.style("fill",dispObj.colorArr[0])
					.attr("transform", "translate(" + -54 + "," + (height-xtickspace)/2 + ")rotate(-90)")
					.style("text-anchor", "middle")
					.attr("class", "label")
					.text(json.measName[0]);
		
		//For multiple axis
	
		for(i=1;i<n;i++){
			tv=getTickValues(y[i].domain()[0], y[i].domain()[1], nTicks);
			yaxis[i] = svg[0].append("g")
					.attr("class", "class"+i)
					.attr("transform", "translate(" + (width+60*(i-1)) + ",0)")
					.style("fill",dispObj.colorArr[i%20])
					.call(d3.svg.axis().scale(y[i]).orient("right")
								.tickFormat( function(d) { return formatSmallScale(d, MeasFormats[i]) })
								.tickValues(tv));
			
			svg[0].select(".class"+i).select(".domain").style("stroke",dispObj.colorArr[i%20]);
			
			if(!dispObj.getMark()){
				svg[0].selectAll(".class"+i).selectAll(".tick").selectAll("line").remove();
			}

if(dispObj.getShowLabel()){
				ytext[i] =  svg[0].select(".class"+i).append("g")
					.append("text")
					//.style("fill",dispObj.colorArr[i%20])
					.attr("transform", "translate(" + 50 + "," + (height-xtickspace)/2 + ")rotate(90)")
					.style("text-anchor", "middle")
					.attr("class", "label")
					.text(json.measName[i]);
			}
		}
	}
	else{/* If multiple axis is false */	
		var miny=d3.min(cnc, function(d) {
				var s=0;
				for(i=0;i<n;i++)
				if(k[i])
				if(Math.min(d.size[i])<s)
				s = Math.min(d.size[i]);
				return s;
				});
		var maxy=d3.max(cnc, function(d) {
				var s=0;
				for(i=0;i<n;i++)
				if(k[i])
				if(Math.max(d.size[i])>s)
				s = Math.max(d.size[i]);
				return s;
				});

y1 = d3.scale.linear().rangeRound([height-xtickspace, 0]);
		y1.domain(getNewMinMax(miny, maxy, nTicks));

tv=getTickValues(miny, maxy, nTicks);
		var yaxis = svg[0].append("g")
			.attr("class", "yaxis")
			.call(d3.svg.axis().scale(y1).orient("left")
					.tickSize(-(width),0,0)
					.tickFormat( function(d) { return formatSmallScale(d, MeasFormats[0]) })
					.tickValues(tv));
		
		if(!(dispObj.getShowGridLines() && dispObj.getShowTicks()))
			svg[0].select(".yaxis").selectAll("line").style("visibility","hidden");
		
		if(dispObj.getShowLabel())
			var ytext = svg[0].selectAll(".yaxis").append("g")
							.append("text")
							.attr("transform", "translate(" + -54 + "," + (height-xtickspace)/2 + ")rotate(-90)")
							.style("text-anchor", "middle")
							.attr("class", "label")
							.text(json.measName.length>1?"Measures":json.measName[0]);
	}
	if(!dispObj.getShowTicks())
		svg[0].selectAll(".tick").remove();
	if(!dispObj.getShowTickLabels()){
		svg[0].selectAll(".xaxis").selectAll(".tick").selectAll("text").remove();
		svg[0].selectAll(".yaxis").selectAll(".tick").selectAll("text").remove();
		for(i=0;i<n;i++)
			svg[0].selectAll(".class"+i).selectAll(".tick").selectAll("text").remove();
		}
	svg[0].selectAll(".tick").selectAll("line").attr("class","ygridline");
	//Actual columns plus the transition
	var r = svg[0].append("g").selectAll("rect")
		.data(cnc);
	
	for(i=0;i<n;i++){
		if(k[i]){
			r.enter().append("rect")
				.attr("class","class"+i)
				.style("visibility","visible")
				.attr("fill", dispObj.colorArr[i])
				.on("click", function(d,i){
						clickColumn(divId, d,i, svg,x,y,width,height,json,measNum,k,0, dispObj, MeasFormats)
						})
			.on("mouseover", function(d,i){showToolTipl(divId, d, n, this,MeasFormats,dispObj);})
				.on("mouseout", function(d,i){hideToolTip(divId, d, i);	})
				.attr("y", function(d) { return (dispObj.getMultiAxes()) ? y[i](Math.max(0,d.size[i])) : y1(Math.max(0,d.size[i]));})
				.attr("x",  function(d){
						return x(d.name);
						})
			.transition().delay(function (d,i){ return i * 300;})
				.duration(600)
				.attr("width", Math.min((x.rangeBand()/(n+1.5)),40))//(x.rangeBand()/(n+1)),40)
				.attr("height", function(d) { 
						return Math.max((dispObj.getMultiAxes()) ? Math.abs(y[i](d.size[i]) - y[i](0)):Math.abs(y1(d.size[i]) - y1(0)),1);
						})
			.attr("transform", function(){ 
					if (x.rangeBand()/(n+1.5) < 40)
					return "translate(" + ((x.rangeBand()/(n+1))*(i+0.5)) +",0)";
					else
					return "translate(" + (x.rangeBand()/2 - 40*n/2+i*42) +",0)";
					});
			if(dispObj.getpointLabel()){
				r.enter().append("text")
					.attr("class", "class"+i)
					.attr("x", function(d) { return x(d.name) ;})
					.attr("y", function(d) { return ((dispObj.getMultiAxes()) ? y[i](Math.max(0,d.size[i])) : y1(Math.max(0,d.size[i])))-10;})
					.text(function(d){ return formatData(d.size[i],MeasFormats[i],(dispObj.getpointTooltip()=='A'?0:1)) })
                                        .style("fill",dispObj.colorArr[i])
					.attr("transform", function(){ 
					if (x.rangeBand()/(n+1.5) < 40)
					return "translate(" + ((x.rangeBand()/(n+1))*(i+0.5)) +",0)";
					else
					return "translate(" + (x.rangeBand()/2 - 40*n/2+i*42) +",0)";
					});
			}
		}
	}	
	//Legend
	updateLegendll(divId, svg, curNode, x,y,width,height,json,measNum,k,clickColumn, dispObj, MeasFormats);
}

}