OXIESEC PANEL
- Current Dir:
/
/
home
/
cubot
/
docroot
/
showcase
/
js
/
SVG
Server IP: 139.59.38.164
Upload:
Create Dir:
Name
Size
Modified
Perms
📁
..
-
12/31/2022 06:53:36 AM
rwxr-xr-x
📄
SVGAll.js
43.74 KB
08/14/2022 11:05:25 AM
rw-r--r--
📄
app2.css
6.71 KB
08/14/2022 11:05:26 AM
rw-r--r--
📄
appanimate.js
7.62 KB
08/14/2022 11:05:25 AM
rw-r--r--
📄
appcharts.js
33.33 KB
08/14/2022 11:05:25 AM
rw-r--r--
📄
appcontroller.js
20.15 KB
08/14/2022 11:05:25 AM
rw-r--r--
📄
appmodel.js
1.41 KB
08/14/2022 11:05:26 AM
rw-r--r--
📄
arundata2.js
1.33 KB
08/14/2022 11:05:26 AM
rw-r--r--
📄
charts_svg.js
622 bytes
08/14/2022 11:05:26 AM
rw-r--r--
📄
d3.v2.js
234.06 KB
08/14/2022 11:05:26 AM
rw-r--r--
📄
d3.v3.js
253.25 KB
08/14/2022 11:05:25 AM
rw-r--r--
📄
spec.js
3.77 KB
08/14/2022 11:05:25 AM
rw-r--r--
Editing: spec.js
Close
var parseDate = d3.time.format("%m-%d-%Y").parse; var svglayout = {w: 1350, h:770, top: 0, right: 0, bottom: 0, left: 0}; //# var chart1layout = {w: 1000, h:300, top: 10, right: 0, bottom: 0, left: 45}; var chart1layout = {w: 950, h:350, top: 10, right: 0, bottom: 0, left: 75}; var chart2layout = {w: 450, h:80, top: 340, right: 0, bottom: 0, left: 25}; var chart3layout = {w: 450, h:300, top: 10, right: 0, bottom: 0, left: 600}; var chart4layout = {w: 450, h:300, top: 340, right: 0, bottom: 0, left: 600}; var DIMS1 ={ width: chart1layout.w, height:chart1layout.h, top: chart1layout.top, right: chart1layout.right, bottom: chart1layout.bottom, left: chart1layout.left } var DIMS2 ={ width: chart2layout.w, height:chart2layout.h, top: chart2layout.top, right: chart2layout.right, bottom: chart2layout.bottom, left: chart2layout.left } var DIMS3 ={ width: chart3layout.w, height:chart3layout.h, top: chart3layout.top, right: chart3layout.right, bottom: chart3layout.bottom, left: chart3layout.left } var DIMS4 ={ width: chart4layout.w, height:chart4layout.h, top: chart4layout.top, right: chart4layout.right, bottom: chart4layout.bottom, left: chart4layout.left } var brush= {w: 650, h:60, top: 670, right: 0, bottom: 0, left: 50}; // var AxisSpec1 = {name:"A1",layout:DIMS1,title:"Yr", scale: d3.scale.ordinal().rangeBands([DIMS1.width, 0]), AxisOrient: "bottom", axistype: "ordinal", col: "(d[0])", z:1, aclass:"axis1"} // var AxisSpec2 = {name:"A2",layout:DIMS1,title: "$ Rev (MM)", scale: d3.scale.linear().range([DIMS1.height, 0]), AxisOrient: "left", axistype: "numeric", col: "d[1]", z:2, aclass:"axis2"} var AxisSpec1 = {name:"Month", layout: DIMS1, title: "Month", scale: d3.scale.ordinal().rangeBands([0, DIMS1.width]), AxisOrient: "bottom", axistype: "ordinal", col: "d[0]", aclass:"xaxis0", data:get2010Data()} var AxisSpec2 = {name:"Hits", layout: DIMS1, title: "Hits", scale: d3.scale.linear().range([DIMS1.height, 0]), AxisOrient: "left", axistype: "numeric", col: "d[1]", aclass:"axis1", data:get2011Data(), grid: true} var AxisSpec3 = {name:"Revenue", layout: DIMS1, title: "Revenue", scale: d3.scale.linear().range([DIMS1.height, 0]), AxisOrient: "right", axistype: "numeric", col: "d[2]", aclass:"axis2", data:get2011Data(), grid: true} var chartSpec1 = { layout: DIMS1, title: "2010 Hits", xcol: "d[0]", ycol: "d[1]", xscale: AxisSpec1, yscale: AxisSpec2, gclass: "line0", num: 1, data: get2010Data(), type:"line", cw:"auto" } var chartSpec2 = { layout: DIMS1, title: "2011 Hits", xcol: "d[0]", ycol: "d[1]", xscale: AxisSpec1, yscale: AxisSpec2, gclass: "line1", num: 1, data: get2011Data(), type:"line", cw: 8 } var chartSpec3 = { layout: DIMS1, title: "2012 Hits", xcol: "d[0]", ycol: "d[1]", xscale: AxisSpec1, yscale: AxisSpec2, gclass: "line2", num: 1, data: get2012Data(), type:"line", cw: 18} var chartSpec4 = { layout: DIMS1, title: "2011 Rev", xcol: "d[0]", ycol: "d[2]", xscale: AxisSpec1, yscale: AxisSpec3, gclass: "bar1", num: 1, data: get2011Data(), type:"bubble", cw: "auto"} var chartSpec5 = { layout: DIMS1, title: "2012 Rev", xcol: "d[0]", ycol: "d[2]", xscale: AxisSpec1, yscale: AxisSpec3, gclass: "bar2", num: 1, data: get2012Data(), type:"area", cw: 18} var chartSpec6 = { layout: DIMS1, title: "2010 Rev", xcol: "d[0]", ycol: "d[2]", xscale: AxisSpec1, yscale: AxisSpec3, gclass: "bar0", num: 1, data: get2010Data(), type:"area", cw: 18} var chartSpec7 = { layout: DIMS1, title: "2010 Rev", xcol: "d[0]", ycol2: "d[1]", ycol1: "d[2]", xscale: AxisSpec1, yscale: AxisSpec3, gclass: "bar0", num: 1, data: get2010Data(), type:"stack", cw: 18} var svgSpec = { layout: svglayout, containerid: "#demodiv", data: get2010Data() } var axisSpecList = new Array (AxisSpec1, AxisSpec2, AxisSpec3); var chartSpecList = new Array(chartSpec1, chartSpec2, chartSpec3, chartSpec4, chartSpec5, chartSpec6, chartSpec7);