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

function drawLineChart(Data, divId, Title, Width, Height, Ndim, Nmeas, MeasFormats,Dimensions, Measures, dispObj,toolTip){
	
	var margin = {top: 20, right: Nmeas*48, bottom: Height/4, left: 65},
	    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;
	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; 
	
	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 + ")");
	svg[0].append("defs")
  			.append("filter")
    			.attr("id", "blur")
  			.append("feGaussianBlur")
    			.attr("stdDeviation", 1);

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

function plotMultiLineChart(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats){
	var cnc = new Array();
	if(curNode.children.length > width/G_MIN_LINE_WIDTH)
		for(var i=0; i<Math.max(2,Math.floor(width/G_MIN_LINE_WIDTH)); i++)		//Atleast 2 children plotted.
			cnc[i] = curNode.children[i];
	else
		cnc=curNode.children;
	
	var i=0,
	    n = y.length,
	    xtickspace,
	    tv,
	    nTicks,
	    maxy,
	    y1;//for single axis

if(dispObj.getShowTicks()&&dispObj.getShowTickLabels()){
		//xtickspace = findxtickspace(cnc,dispObj);
		 var name;
                var max = cnc[0].name.length
                for(i=0;i<cnc.length;i++){
                  if(cnc[i].name.length > max){
                        max = cnc[i].name.length;
                        name = cnc[i].name
                        }
                }
                xtickspace = max/2 * 4
	}else
		xtickspace = 0;
	nTicks=getNticks(height, xtickspace);
	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])
			.domain(getNewMinMax(miny, maxy, nTicks));

if(dispObj.getShowLabel())
			ytext[0] = svg[0].selectAll(".class0")
					.append("g")
					.style("fill",dispObj.colorArr[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++){
			if(!k[i])
				continue;
			tv=getTickValues(y[i].domain()[0], y[i].domain()[1], nTicks);
			tv = resolveIfTimeValue(tv, MeasFormats[i]);
			yaxis[i] = svg[0].append("g")
					.attr("class", "class"+i)
					.attr("transform", "translate(" + (width+60*(i-1)) + ",0)")
					.attr("id",i)
					.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));
				
			if(!dispObj.getMark())
				svg[0].selectAll(".class"+i).selectAll(".tick").selectAll("line").remove();
			
			svg[0].select(".class"+i).select(".domain").style("stroke",dispObj.colorArr[i%20]);
			
			if(dispObj.getShowLabel())
				ytext[i] =  svg[0].select(".class"+i).append("g")
						.style("fill",dispObj.colorArr[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);
		tv = resolveIfTimeValue(tv, MeasFormats[0]);
		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]) })
					.ticks(tv.length)
					.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)")
						.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();
		}
	
	var ylabelpos = new Array(n),w=0;
	for(i=0;i<n;i++)
		ylabelpos[i]=new Array(cnc.length);
	for(i=0;i<n;i++){
		if(!k[i])
			continue;
		
		line[i] = d3.svg.line()
				.interpolate("linear")
				.x(function(d) { return x(d.name); })
				.y(function(d) { return dispObj.getMultiAxes() ? y[i](d.size[i]) : y1(d.size[i]); });
		path[i] = svg[0].append("path")
				.attr("class", "class"+i)
				.attr("d", line[i](cnc))
				.attr("stroke",dispObj.colorArr[i%20])
				.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);

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

updateLegendll(divId, svg, curNode, x,y,width,height,json,1,k,clickMultiLine, dispObj, MeasFormats);
	
	svg[0].selectAll(".tick").selectAll("line").attr("class","ygridline");
	
}

/*function clickRectL(ele,k,svg,n){
				i = ele.id;
				k[i]=!k[i];
				svg[0].selectAll(".class"+i).style("visibility",function(){return k[i] ? "visible" : "hidden"});
}
function clickRectText(id,k,svg,n){
				k[id]=!k[id];
				svg.selectAll(".class"+id).style("visibility",function(){return k[id] ? "visible" : "hidden"});
}*/

var curLogic="next";
function clickMultiLine(divId, d,i, svg, x,y,width,height,json,measNum,k,c, dispObj, MeasFormats){
	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("circle").remove();
		svg[0].selectAll("text").remove();
		svg[0].selectAll(".limit-line").remove();
		svg[0].selectAll("rect").remove();
		if( (c==1 || curLogic=="next") && d.children){
			curLogic="next";
			curNode=d;
		}
		else
			curNode=d.parent;
		plotMultiLineChart(divId, svg, curNode, x,y,width,height,json,measNum,k, dispObj, MeasFormats);
	}
	else
		alert("No further dimensions.");

}