OXIESEC PANEL
- Current Dir:
/
/
home
/
cubot
/
docroot
/
showcase
/
js
/
D3
/
plugins
Server IP: 139.59.38.164
Upload:
Create Dir:
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: pie.js
Close
function drawPieChart(data, divId, Title, Width, Height, Ndim, Nmeas, MeasFormats, Dimensions, Measures, dispObj){ var measNum = 1, color = d3.scale.ordinal() .range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"]), json=makeJsonFromArrayNew(data, Ndim, Nmeas, MeasFormats[0], dispObj); makeParentsJson(json,measNum); resolveComputeMeasure(json, dispObj.RD.General.Measures); d3.select("#"+divId).html('<div class="myChart"><div class="svgLegend"></div><div class="tipsy"></div></div>'); d3.selectAll(".tipsy").style("display", "none"); var svg = findSvgArea(Nmeas,dispObj,json, Width, Height,divId), radius = Math.min(svg[2], svg[3]) / 2; svg[0].attr("transform", "translate(" + svg[3]/2 + "," + svg[2]/2 + ")"); plotPieChart(divId, svg, Nmeas,0,0, radius, json, measNum, json, dispObj, MeasFormats); if(dispObj.getShowLegend()) makeLegend(svg,Nmeas,measNum,plotPieLeg,0,json,0,0, dispObj); curNode=json; //Funtion invoked on clicking Legend. function plotPieLeg(measNum){ plotPieChart(divId, svg, Nmeas,0,0, radius, curNode, measNum, json, dispObj, MeasFormats); } } function plotPieChart(divId, svg, Nmeas,width,height, radius, curNode, measNum, json, dispObj, MeasFormats){ var x = d3.scale.linear() .range([0, 2 * Math.PI]), y = d3.scale.pow().exponent(1.3).domain([0, 1]).range([0, radius]), arc = d3.svg.arc() .outerRadius(radius - 10) .innerRadius(0), path, text, g, pie, cnc = curNode.children; svg[0].append("rect") //border rect .attr("width",2*radius) .attr("height",2*radius) .style("fill",dispObj.getBgColor()) .style("stroke",function(){ return dispObj.getdrawBorder() ? "black" : "none";}) .style("opacity",0.4) .attr("transform","translate("+ -radius +"," + -radius + ")"); createPath(measNum); function createPath(measNum){ pie = d3.layout.pie() .sort(null) .value(function(d) { return +d.size[measNum-1]; }); g = svg[0].append("g").selectAll(".arc") .data(pie(cnc)) .enter().append("g") .attr("class", "arc"); path = g.append("path") .attr("d", arc) .style("fill","white") .on("click", function(d,i){ clickPie(divId, d,i, svg, Nmeas,radius,width,height,json,measNum,0,0, dispObj, MeasFormats)}) .on("mouseover", function(d,i){showToolTips(divId, d.data,measNum,MeasFormats)}) .on("mouseout", function(d,i){hideToolTip(divId, d,i)}) .transition().delay(function (d,i){ return i * 100;}) .duration(100) .style("fill", function(d, i) { return dispObj.colorArr[i%20]; }); if(dispObj.getShowLabel()){ svg[0].selectAll("text").remove(); svg[0].append("text").attr("class","label") .text(cnc[0].dimName) .attr("transform","translate("+(radius+lblPad)+","+0+")") .style("text-anchor", "middle"); } text = g.append("text") .on("click", function(d,i){ clickPie(divId, d,i, svg,Nmeas,radius,width,height,json,measNum,0,0, dispObj, MeasFormats)}) .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; }) .attr("dy", ".35em") .style("text-anchor", "middle") .style("visibility",function(d){ return d.data.name.length < (d.endAngle - d.startAngle )*radius/5 ? "visible" : d.data.name.length > (radius - 10)/14 ? "hidden" :(d.endAngle - d.startAngle ) < 0.1 ? "hidden" :"visible";//"visible" ; } ) .transition().delay(function (d,i){ return i * 300;}) .duration(300) .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")rotate(" + angle(d) + ")"; }) .text(function(d,i) { return d.data.name.replace("'","'"); }); } function angle(d) { var a = (d.startAngle + d.endAngle) * 90 / Math.PI - 90; return d.data.name.length < (d.endAngle - d.startAngle )*radius/50 ? ((a>0)&&(a<180)? a-90 : a+ 90) : (a > 90 ? a - 180 : a); } updateLegendll(divId, svg, curNode, Nmeas,radius,width,height,json,measNum,0,clickPie, dispObj, MeasFormats); } var curLogic="next"; function clickPie(divId, d,i, svg, Nmeas,radius,width,height,json,measNum,k,c, dispObj, MeasFormats){ // var curNode; if(d.children || d.data.children){ svg[0].selectAll("g").remove(); svg[0].selectAll("text").remove(); if( c==1 || (curLogic=="next" )){ curLogic="next"; curNode=(d.data)?d.data : d; } else { curLogic="previous"; curNode=d.data ? d.data.parent : d; if(typeof curNode == "undefined"){ curLogic="next"; curNode=d.data; } } plotPieChart(divId, svg, Nmeas,width,height,radius, curNode, measNum, json, dispObj, MeasFormats); } else alert("No further dimensions"); }