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: stackedbar.js

function drawStackBarChart(Data, divId, Title, Width, Height, Ndim, Nmeas, MeasFormats, Dimensions, Measures, dispObj){
	var measNum = 1,
            margin = {top: 20, right:48, bottom: Height/4, left: 65},
	    width,
	    height,
	    i=0;
	
	var 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 = svg[3] - margin.left - 30;

var curNode=json;
	
	var x = d3.scale.ordinal()
		.rangeRoundBands([0, width]),
		y = new Array(Nmeas),
		k = new Array(Nmeas);//to track path number
	for(i=0;i<Nmeas;i++){
		k[i]=1;
	}

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

if(dispObj.getShowLegend())
		makeLegend(svg,Nmeas,measNum,plotStack,clickRectStack,json,k,1, dispObj);
	//if(dispObj.getMultiAxes())
	//	alert("Stacked bar uses only 1 axis");

function clickRectStack(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();
		plotStack(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
	}
	plotStack(divId, svg, json, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
		
//}

var nTicks =getNticks(height, xtickspace);
	var miny=0, maxy=d3.max(cnc, function(d) { var s=0;
			for(i=0;i<n;i++)
				if(k[i])
					s+= Math.max(d.size[i]);
			return s;
			});
	var minMax=getNewMinMax(miny, maxy, nTicks);
	tv=getTickValues(miny, maxy, nTicks);
	tv = resolveIfTimeValue(tv, MeasFormats[0]);
	svg[0].append("rect")				//border rect
		.attr("width",width)
		.attr("height",height-xtickspace)
		.style("fill",dispObj.getBgColor())
		.style("stroke",function(){ return dispObj.getdrawBorder() ? "#DDDDDD" : "none";});
	
	var y1 = d3.scale.linear()
			.rangeRound([height-xtickspace, 0])
			.domain(minMax);

if(dispObj.getShowLabel())
		svg[0].append("text").attr("class","label")
					.text(cnc[0].dimName)
					.attr("transform","translate("+width/2+","+(height+lblPad)+")")
					.style("text-anchor", "middle");
	//For single axis
	var maxy = d3.max(cnc, function(d) { var s=0;
						for(i=0;i<n;i++)
						if(k[i])
						s+= Math.max(d.size[i]);
						return s;
				})
	//for(j=0;j<tv.length;j++)
	//		tv[j] = j*maxy/(tv.length-1);
	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())
		ytext = svg[0].selectAll(".yaxis").append("g")
				.append("text")
				.attr("class", "label")
				.attr("transform", "translate(" + -54 + "," + (height-xtickspace)/2 + ")rotate(-90)")
				.style("text-anchor", "middle")
				.text("Measure");
	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();
		}
	svg[0].selectAll(".tick").selectAll("line").attr("class","ygridline");
	
	//Actual columns plus the transition
	
	
	var r = svg[0].append("g").selectAll("rect")
		.data(cnc);
	var t = new Array();
	for(i=0;i<cnc.length;i++)
		t[i]=0;
	for(i=0;i<n;i++){
		var a=0;
		if(k[i]){
		r.enter().append("rect")
		.attr("class","class"+i)
		.attr("y", function(d) { var co = y1(d.size[i])-t[a];
						a++;
					return  co
					; })
		.attr("x",  function(d){a=0;		//reset inner counter before height recalculation
				return x(d.name);})
		.attr("height",0)
		.attr("width",0)//initial width before transition begins
		.style("visibility","visible")
		.attr("fill", dispObj.colorArr[i])
		.on("click", function(d,i){
					clickStack(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)})
		.transition().delay(function (d,i){ return i * 300;})
 		.duration(600)
		.attr("height", function(d) { t[a] = t[a]+ height-xtickspace- y1(d.size[i]);		//add previous height
						a++;
					return Math.max(height-xtickspace - y1(d.size[i]),1); })
 		//.attr("transform","translate(" + ((x.rangeBand()*0.125)) +",0)")
		.attr("transform","translate(" + (x.rangeBand()/2 - Math.min(x1.rangeBand()*0.75,70)/2) +",0)")
		//.attr("width", (x1.rangeBand()*0.75));
		.attr("width", (Math.min(x1.rangeBand()*0.75,70)));

if(dispObj.getpointLabel()){
			a=0;
			r.enter().append("text")
				.attr("class", "class"+i)
		.attr("y", function(d) { return y1(d.size[i]) })
		.attr("x",  function(d){ return x(d.name)-90;})
				.text(function(d){ return formatData(d.size[i],MeasFormats[i],(dispObj.getpointTooltip()=='A'?0:1)) })
                                .style("fill",dispObj.colorArr[i])
				.attr("transform","translate(" + (x.rangeBand()/2 - Math.min(x1.rangeBand()*0.75,70)/2) +",0)")
		}

}
	}
	
	/*function clickRectStack(ele,k,svg,n){
		alert("Arun");
		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();
		plotStack(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
	}*/
	//SPC Lines
	var spcValues = dispObj.getThreshold()
                if(spcValues.spcLines=="true" && !dispObj.getMultiAxes()){
                        var upper_limit_value = getResolvedThresholdValue(spcValues.upperValue);
                        var lower_limit_value = getResolvedThresholdValue(spcValues.lowerValue);
                        var upper_stroke_value = (spcValues.upperLine != "dash") ? "0,0" : "3,3";
                        var lower_stroke_value = (spcValues.lowerLine != "dash") ? "0,0" : "3,3";
                        var upperColor = (spcValues.upperColor == "#") ? "black" : spcValues.upperColor;
                        var lowerColor = (spcValues.lowerColor == "#") ? "black" : spcValues.lowerColor;
                        svg[0].append("line").attr("class", "limit-line").style("stroke-dasharray",upper_stroke_value).style("stroke", upperColor).attr({ x1: 0, y1: y1(upper_limit_value), x2: width, y2: y1(upper_limit_value) })
                        svg[0].append("text").attr("class","limit-line").attr({ x: width - (spcValues.upperLabel.length*5), y: y1(upper_limit_value) - 5}).text(spcValues.upperLabel);
                         svg[0].append("line").attr("class", "limit-line").style("stroke-dasharray",lower_stroke_value).style("stroke",lowerColor).attr({ x1: 0, y1: y1(lower_limit_value), x2: width, y2: y1(lower_limit_value) })
                        svg[0].append("text").attr("class","limit-line").attr({ x: width - (spcValues.lowerLabel.length*5), y: y1(lower_limit_value) - 5}).text(spcValues.lowerLabel);
                }
	updateLegendll(divId, svg, curNode, x,y,width,height,json,measNum,k,clickStack, dispObj, MeasFormats);
	
	
}