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

cnc.forEach(function(d) {
			d.xcontent = parseDate(d.name);
			d.date = d.xcontent;
			});
	if(!cnc[0].date){
		var x = d3.scale.ordinal()
				.domain(cnc.map(function(d) { 
								d.xcontent = d.name;
								return d.xcontent;
					}))
				.rangePoints([0,width]);
	}
	else{
		cnc = cnc.sort(function (a, b) {
				return a.date - b.date;
				}
			      );

var x = d3.time.scale()
			.range([0, width])
			.domain(d3.extent(cnc, function(d) { return d.xcontent; }));
	}
	
	var x1 = d3.scale.ordinal()
			.rangeRoundBands([0, width])
			.domain(cnc.map(function(d) { return d.name; }));

var miny=0;
	var maxy=100;
	/*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;
			});
	*/
	var y1 = d3.scale.linear()
			.rangeRound([height-xtickspace, 0])
			.domain(getNewMinMax(miny, maxy, nTicks));

var minMax=getNewMinMax(miny, maxy, nTicks);
        tv=getTickValues(miny, maxy, nTicks);

d=str.replace("&apos;","'");
				if(dispObj.getxFrom() == "all")
				return d;
				else if(dispObj.getxFrom() == "first")
				return d.substr(0,dispObj.getxLength());
				else
				return d.substr(d.length - dispObj.getxLength(),d.length);
		})
		.on("click", function(d,i){
					for(i=0;i<cnc.length;i++)
						if(d==cnc[i].xcontent.toString())
						{
						d=cnc[i];
						break;
						}
				clickFilledAreaPercent(divId, d,i, svg, Data,0,width,height,json,measNum,k,0, dispObj, MeasFormats)});

if(!dispObj.getMark())
		svg[0].selectAll(".xaxis").selectAll(".tick").selectAll("line").remove();
	/*svg[0].select(".xaxis").selectAll(".tick").append("title")
		.text(function (d){
					return d;
				if(!(cnc[0].date)){
					return d;
				}                                                                                       
				else{                                                                                                                   
					return this.textContent;
				}              
				});*/
	 if (x.rangeBand()/(n+1.5) < 40){
        svg[0].select(".xaxis").selectAll(".tick text").call(wrap,x.rangeBand()/(n+1)).append("title")
		.text(function (d){
                                        return d;
                                if(!(cnc[0].date)){
                                        return d;
                                }
                                else{
                                        return this.textContent;
                                }
                                });
        }else
         svg[0].select(".xaxis").selectAll(".tick text").call(wrap, x.rangeBand()/(n+10)).append("title")
		.text(function (d){
                                        return d;
                                if(!(cnc[0].date)){
                                        return d;
                                }
                                else{
                                        return this.textContent;
                                }
                                });
	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");

//svg[0].select(".xaxis").append("text").text(cnc[0].dimName).attr("transform","translate("+width/2+","+(40)+")").style("text-anchor", "middle");
	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())
		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");

hideToolTip(divId, f, i);
								//if(Data[0][m].toLowerCase().indexOf("date",0)>=0){
								if(cnc[0].date){
										var x0 = x.invert(d3.mouse(this)[0]),
										i = bisectDate(cnc, x0, 1),
        									d0 = cnc[i - 1],
        									d1 = cnc[i];
        									f = x0 - d0.xcontent > d1.xcontent - x0 ? d1 : d0;
										}
							
								else		{
										var xPos = d3.mouse(this)[0];
        									var leftEdges = x1.range();
        									var widthofband = x1.rangeBand();
        									var posNo;
        									for(posNo=0; xPos > (leftEdges[posNo] + widthofband); posNo++) {}
            									//do nothing, just increment posNo until case fails
										f=cnc[posNo];
        									}
								ele = this;
								//clickFilledAreaPercent(divId, f, Data, svg,n,width,height,json,k)
								clickFilledAreaPercent(divId, f,i, svg, Data,0,width,height,json,measNum,k,0, dispObj, MeasFormats)
							})
					.on("mousemove", function(){
								//focus.style("display", null);
								mousemove(this);
							})
				
					.on("mouseout", function(d,i){
								//focus.style("display", "none");
								hideToolTipsa(divId, d, i, this, width/500);
							})
				
					.transition().delay(function (d){ return i * 300;})
 					.duration(10)
					.attr("d", area[i](cnc))
					.attr("stroke",dispObj.colorArr[i%20])
					.attr("fill",dispObj.colorArr[i%20]);
					//.attr("transform","translate("+width/(cnc.length*2) + ",0)");
			}}
	}
	var r = svg[0].append("g").selectAll("rect")	//Draw rectangle when only 1 element exists
		.data(cnc);
	
	for(i=0;i<n;i++){
		if(k[i]){
		if(cnc.length == 1){
			var a=0;
			r.enter().append("rect")
				.attr("class","class"+i)
				.attr("y", function(d) { var c = y1(d.cummulativePercent[i])-t[a];
							a++;
							return  c;
						 })
				.attr("x",  function(d){a=0;		//reset inner counter before height recalculation
							return x1(d.xcontent);})
				.attr("height",0)
				.attr("width",0)			//initial width and height before transition begins
				.style("visibility","visible")
				.attr("fill", dispObj.colorArr[i])
				.on("click", function(d,i){
							//focus.style("display", "none");
							hideToolTip(divId, f, i);
							//if(Data[0][m].toLowerCase().indexOf("date",0)>=0){
							if(cnc[0].date){
									var x0 = x.invert(d3.mouse(this)[0]),
									i = bisectDate(cnc, x0, 1),
        								d0 = cnc[i - 1],
        								d1 = cnc[i];
        								f = x0 - d0.xcontent > d1.xcontent - x0 ? d1 : d0;
									}
							
							else		{
									var xPos = d3.mouse(this)[0];
        								var leftEdges = x1.range();
        								var widthofband = x1.rangeBand();
        								var posNo;
        								for(posNo=0; xPos > (leftEdges[posNo] + widthofband); posNo++) {}
            								//do nothing, just increment posNo until case fails
									f=cnc[posNo];
        								}
							ele = this;
							//clickFilledAreaPercent(divId, f, Data, svg,n,width,height,json,k)
							clickFilledAreaPercent(divId,f,i, svg, Data,0,width,height,json,measNum,k,0, dispObj, MeasFormats)
					})
				.on("mousemove", function(){
								//focus.style("display", null);
								mousemove(this);
							})
				.on("mouseout", function(d,i){
								//focus.style("display", "none");
								hideToolTipsa(divId, d, i, this, width/500);
							})
				.transition().delay(function (d,i){ return i * 300;})
 				.duration(600)
				.attr("height", function(d) { 	t[a] = t[a]+ height -xtickspace- y1(d.cummulativePercent[i]);		//add previous height
								a++;
								return height -xtickspace - y1(d.cummulativePercent[i]); })
 				.attr("width", width);
 		}}	
	}
	
	var  bisectDate = d3.bisector(function(d) { return d.date; }).left;
	
	var focus = svg[0].append("g")
      		.attr("class", "focus")
      		.style("display", "none");
	function mousemove(ele){
		
		//if(Data[0][m].toLowerCase().indexOf("date",0)>=0){
		if(cnc[0].date){
			var x0 = x.invert(d3.mouse(ele)[0]),
			i = bisectDate(cnc, x0, 1),
			y0 = y1.invert(d3.mouse(ele)[1]),
        		d0 = cnc[i - 1],
        		d1 = cnc[i],
        		f = x0 - d0.xcontent > d1.xcontent - x0 ? d1 : d0;
		}
		
		else{
			var xPos = d3.mouse(ele)[0];
        		var leftEdges = x1.range();
        		var widthOfBand = x1.rangeBand();
        		var posNo;
        		for(posNo=0; xPos > (leftEdges[posNo] + widthOfBand); posNo++) {}
            		//do nothing, just increment j until case fails
			f = cnc[posNo];
		}
		/*
		focus.attr("transform", function(){return "translate(" + d3.mouse(ele)[0] + "," + d3.mouse(ele)[1] + ")"});//xalt(f.xcontent)c[k][j]
		for(var j=0;j<n;j++)			//To find measure number
			if(d3.select(ele).attr("fill")==dispObj.colorArr[j])
				break;
		focus.select("text").attr("class","tipsy-inner").text(f.name + " " + f.measName[j] + "(" + f.size[j] + ")" + " (" + f.percent[j] + ")");
		*/
		showToolTipl(divId, f, n, ele,MeasFormats,dispObj,"FA");
		/*var p = d3.select("#"+divId).select(".myChart").select(".tipsy");
		p.html("<div class=\"tipsy-inner\">"+dispIfParent(f)+"</div>");
		function disp(d){
			var info = f.dimName + " : " + f.name;
			for(i=0;i<n;i++)
				if(d3.select(ele).attr("fill")==dispObj.colorArr[i]){
					info+= "<br>" + f.measName[i] + " : " + f.size[i] + " ( "+ f.percent[i] + " ) ";
					break;
				}
			return info + "<br>";
		}
		function dispIfParent (f){
		return f.depth===0 ? " " : f.parent ? dispIfParent(f.parent)+disp(f) : " ";
		}
		p.style("display", "block").style("visibility", "visible").style("left", d3.event.pageX+"px").style("top", d3.event.pageY+"px");*/
	}

//Legend
	//var svgL=svg[1].append("g").attr("class","leg").attr("transform","translate("+0+","+(height+20)+")");
	 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) - 10}).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) - 10}).text(spcValues.lowerLabel);
                }
	updateLegendll(divId, svg, curNode, Data,0,width,height,json,measNum,k,clickFilledAreaPercent, dispObj, MeasFormats);
}

var curLogic="next";

}

function hideToolTipsa(divId, d,i, ele, w){
	d3.select(ele).attr("r",w);
        hideToolTip(divId, d, i)
}

function makeParentsJson1(json,n){
	var hierarchy = d3.layout.hierarchy()
			.value(function(d) { return +d.size[n-1]; })
			.sort(null);
	hierarchy(json);
	}