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

function drawComboChart(Data, divId, Title, Width, Height, Ndim, Nmeas, MeasFormats, Dimensions, Measures, dispObj){

var margin = {top: 20, right: Nmeas*48, bottom: Height/4, left: 65},//35
	    width,
	    height,
	    measNum=1;

var json=makeJsonFromArrayNew(Data, Ndim, Nmeas, MeasFormats, dispObj);
	makeParentsJson(json);
	resolveComputeMeasure(json, dispObj.RD.General.Measures);
	applyShowHideMeasure(json, dispObj);
	Nmeas=json.measName.length;
	margin.right=Nmeas*48;
	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 multiAxes = true;
	if(dispObj.RD && dispObj.RD.Axes && dispObj.RD.Axes.MultiAxes)
		multiAxes = eval(dispObj.RD.Axes.MultiAxes);

var svg = findSvgArea(Nmeas,dispObj,json, Width, Height, divId);

height = svg[2] - margin.top-50;
	width = multiAxes ?  svg[3]- margin.left - margin.right :  svg[3] - margin.left - 30;

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

for(i=0;i<Nmeas;i++){	
		y[i] = d3.scale.linear().rangeRound([height, 0]);
		k[i]=1;
	}
	svg[0].attr("transform", "translate(" + margin.left + "," + margin.top + ")");

curNode = json;
	if(dispObj.getShowLegend()){
		if(dispObj.getMultiAxes()){
			makeLegend(svg,Nmeas,measNum,0,clickRectL,json,k,1, dispObj);
		}
		else{
			makeLegend(svg,Nmeas,measNum,plotComboChart,clickRectCombo,json,k,1,dispObj);
		}
	}
	function clickRectCombo(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();
		plotComboChart(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
	}
	plotComboChart(divId, svg, json, x,y,width,height,json,measNum, k, dispObj, MeasFormats);
}

function plotComboChart(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats){
	var cnc = new Array();
	if(curNode.children.length > width/G_MIN_BAR_WIDTH)
		for(var i=0; i<Math.max(2,Math.floor(width/G_MIN_BAR_WIDTH)); i++)
			cnc[i] = curNode.children[i];
	else
		cnc=curNode.children;
	
	var i=0,
	    n = y.length,	
	    line = new Array(n-1),
	    path = new Array(n),
	    circ = new Array(n),
	    yaxis = new Array(n),
	    ytext = new Array(n),
	    xtickspace,
	    nTicks,
	    tv;
	
	if(dispObj.getShowTicks()&&dispObj.getShowTickLabels())	
		xtickspace = findxtickspace(cnc,dispObj)
	else
		xtickspace = 0;
	//tv = new Array(Math.max(Math.floor((height-xtickspace)/40),2));		//No of tick values.
	nTicks=getNticks(height, xtickspace);
	y1 = d3.scale.linear().rangeRound([height-xtickspace, 0]);		//Single axis scale
	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.domain(getNewMinMax(miny, maxy, nTicks));

x.domain(cnc.map(function(d) {return d.name;}));

for(i=0;i<n;i++){
		var minMax=d3.extent(cnc, function(d) { return +d.size[i]; });
		/*if(i==0 && minMax[0]>0) */
		if(minMax[0]>0) 
			minMax[0]=0;                            
		minMax=getNewMinMax(minMax[0], minMax[1], nTicks);
		y[i].domain(minMax).rangeRound([height-xtickspace, 0]);
	}

svg[0].append("rect")				//border rect
		.attr("width",width)
		.attr("height",height-xtickspace)
		.style("fill",dispObj.getBgColor())
		.style("stroke",function(){ return dispObj.getdrawBorder() ? "black" : "none";})
		.style("opacity",0.4);

svg[0].append("g")
		.attr("class", "xaxis")
		.attr("transform", "translate(0" + "," + y[0](0) + ")" )
		.call(d3.svg.axis().scale(x).orient("bottom"))
		.selectAll("text")
		.text(function(d){
				d=d.replace("&apos;","'");
				if(dispObj.getxFrom() == "all")
					return d;//.length <= Math.ceil(height/35) ? d : d.substr(0,height/45)+".." ;
				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].name)
						{
						d=cnc[i];
						break;
						}
				clickCombo(divId, d,i, svg, x,y,width,height,json,measNum,k,0,dispObj, MeasFormats)})
		.attr("dx", ".1em")
        	.attr("dy", ".50em")
		.style("text-anchor", function() { return dispObj.getxPos()=="A" ? "end" : "middle";})
		.attr("transform", function() { return dispObj.getxPos()=="A" ? "rotate("+(-65)+")" : "rotate(0)";});

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)+")")
				.style("text-anchor", "middle");

var multiAxes = true;
	if(dispObj.RD && dispObj.RD.Axes && dispObj.RD.Axes.MultiAxes)
		multiAxes = eval(dispObj.RD.Axes.MultiAxes);

if(multiAxes==true){
		tv=getTickValues(y[0].domain()[0], y[0].domain()[1], nTicks);

yaxis[0] = svg[0].append("g")
				.attr("class", "class0")
				.attr("id",0)
				.style("fill",G_seriesColors[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",G_seriesColors[0]);
		
		if(!dispObj.getMark())
			svg[0].selectAll(".class0").selectAll(".tick").selectAll("line").remove();

if(dispObj.getShowLabel())
			ytext[0] = svg[0].selectAll(".class0")
					.append("g")
					.style("fill",G_seriesColors[0])
					.append("text")
					.attr("class","label")	
					.attr("transform", "translate(" + (-54) + "," + (height-xtickspace)/2 + ")rotate(-90)")
					.style("text-anchor", "middle")
					.text(json.measName[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();
	
		//For multiple y 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)")//40
				.attr("id",i)
				.style("fill",G_seriesColors[i%20])
				.call(d3.svg.axis().scale(y[i]).orient("right")
						.tickFormat( function(d) { return formatSmallScale(d, MeasFormats[i]) })
						.tickValues(tv));

if(!dispObj.getMark())
				svg[0].selectAll(".class"+i).selectAll(".tick").selectAll("line").remove();

svg[0].select(".class"+i).select(".domain").style("stroke",G_seriesColors[i%20]);

if(dispObj.getShowLabel())
				ytext[i] =  svg[0].select(".class"+i).append("g")
					.style("fill",G_seriesColors[i%20])
					.append("text")
					.attr("class","label")
					.attr("transform", "translate(" + (50) + "," + (height-xtickspace)/2 + ")rotate(90)")//26
					.style("text-anchor", "middle")
					.text(json.measName[i]);
		}
	}
	else{
		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("class","label")
						.attr("transform", "translate(" + (-54) + "," + (height-xtickspace)/2 + ")rotate(-90)")//-28
						.style("text-anchor", "middle")
						.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");

//Line Plot
	var ylabelpos = new Array(n),w=0;
	for(i=n-1;i<n;i++)
		ylabelpos[i]=new Array(cnc.length);

for(i=n-1;i<n;i++){
		if(!k[i])
			continue;
		line[i-1] = d3.svg.line()
				.interpolate("linear")
				.x(function(d) { return x(d.name); })
				.y(function(d) { return multiAxes ? y[i](d.size[i]) : y1(d.size[i]); });
		path[i] = svg[0].append("path")
				.attr("class", "class"+i)
				.attr("d", line[i-1](cnc))
				.attr("stroke",G_seriesColors[i%20])
				.style("stroke-width","2px")
				.attr("fill","none")
				.attr("transform","translate("+width/(cnc.length*2) + ",0)");
				
		var totalLength = path[i].node().getTotalLength();
  		path[i].attr("stroke-dasharray", totalLength + " " + totalLength)
      				.attr("stroke-dashoffset", totalLength)
      				.transition()
				.duration(2000)
				.ease("linear")
				.attr("stroke-dashoffset", 0);

if(dispObj.getpointLabel())
			l.append("text")
				.attr("class", "class"+i)
				.attr("x", function(d) { return x(d.name) ;})
				.attr("y", function(d) { 
						if(dispObj.getMultiAxes()){
							if(i==1){
								ylabelpos[i][w++] = y[i](d.size[i])+10;
								return y[i](d.size[i])+10;
							}
							else{   
								for(var j=0;j<i;j++)
									if(y[i](d.size[i]) <= y[j](d.size[j])+10 && y[i](d.size[i]) >= y[j](d.size[j])-10)
										ylabelpos[i][w] = y[i](d.size[i])+12*(j+2);
									else
									if(!ylabelpos[i][w])
										ylabelpos[i][w] = y[i](d.size[i])+10;
									w++;
									return ylabelpos[i][w-1];
							}
						}
						else{
							if(i==1){
								ylabelpos[i][w++] = y1(d.size[i])+10;
								return y1(d.size[i])+10;
							}
							else{   
							for(var j=0;j<i;j++)
								if(y1(d.size[i]) <= y1(d.size[j])+8 && y1(d.size[i]) >= y1(d.size[j])-8)
									ylabelpos[i][w] = y1(d.size[i])+10*(j+2);//y1(0)-(y1(d.size[j])+10-y1(d.size[i]))
							else
								if(!ylabelpos[i][w])
									ylabelpos[i][w] = y1(d.size[i])+12;
							w++;
							return ylabelpos[i][w-1];
							}
						}
				})
				.text(function(d){ return formatData(d.size[i],MeasFormats[i], 0) })
				.style("fill",G_seriesColors[i])
				.attr("transform","translate("+width/(cnc.length*2) + ",-15)");
				w=0;                                    //Reset index.

if(dispObj.getShadow())
			svg[0].append("path")
				.attr("class", "class"+i)
				.attr("d", line[i](cnc))
				.attr("stroke",G_seriesColors[i%20])
				.attr("fill","none")
				.attr("transform","translate("+width/(cnc.length*2) + ",0)");
	}
	
	updateLegendll(divId, svg, curNode, x,y,width,height,json,1,k,clickCombo, dispObj, MeasFormats);

}

function clickCombo(divId, d,i, svg, x,y,width,height,json,measNum,k,c, dispObj, MeasFormats){ //c checks if called from update legend.
	if((c==0 && d.children)||(c==1 && d.children[0].children)){
		//var curNode;
		svg[0].selectAll("path").remove();
		svg[0].selectAll("g").remove();
		svg[0].selectAll("text").remove();
		svg[0].selectAll("rect").remove();
		svg[0].selectAll("circle").remove();
	
		if( (c==1 || curLogic=="next") && d.children){
			curLogic="next";
			curNode=d;
			}
		else
			curNode=d.parent;
		plotComboChart(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
	}
	else
		alert("No further dimensions.");

}