summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/charting/plot3d
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo/dojox/charting/plot3d')
-rw-r--r--js/dojo/dojox/charting/plot3d/Bars.js62
-rw-r--r--js/dojo/dojox/charting/plot3d/Base.js20
-rw-r--r--js/dojo/dojox/charting/plot3d/Cylinders.js66
3 files changed, 148 insertions, 0 deletions
diff --git a/js/dojo/dojox/charting/plot3d/Bars.js b/js/dojo/dojox/charting/plot3d/Bars.js
new file mode 100644
index 0000000..9937efe
--- /dev/null
+++ b/js/dojo/dojox/charting/plot3d/Bars.js
@@ -0,0 +1,62 @@
+//>>built
+define("dojox/charting/plot3d/Bars", ["dojox/gfx3d", "dojo/_base/window", "dojo/_base/declare", "dojo/_base/Color", "./Base"],
+ function(gfx3d, win, declare, Color, Base) {
+
+ // reduce function borrowed from dojox.fun
+ var reduce = function(/*Array*/ a, /*Function|String|Array*/ f, /*Object?*/ o){
+ // summary: repeatedly applies a binary function to an array from left
+ // to right; returns the final value.
+ a = typeof a == "string" ? a.split("") : a; o = o || win.global;
+ var z = a[0];
+ for(var i = 1; i < a.length; z = f.call(o, z, a[i++]));
+ return z; // Object
+ };
+ /*=====
+ var Base = dojox.charting.plot3d.Base;
+ =====*/
+ return declare("dojox.charting.plot3d.Bars", Base, {
+ constructor: function(width, height, kwArgs){
+ this.depth = "auto";
+ this.gap = 0;
+ this.data = [];
+ this.material = {type: "plastic", finish: "dull", color: "lime"};
+ if(kwArgs){
+ if("depth" in kwArgs){ this.depth = kwArgs.depth; }
+ if("gap" in kwArgs){ this.gap = kwArgs.gap; }
+ if("material" in kwArgs){
+ var m = kwArgs.material;
+ if(typeof m == "string" || m instanceof Color){
+ this.material.color = m;
+ }else{
+ this.material = m;
+ }
+ }
+ }
+ },
+ getDepth: function(){
+ if(this.depth == "auto"){
+ var w = this.width;
+ if(this.data && this.data.length){
+ w = w / this.data.length;
+ }
+ return w - 2 * this.gap;
+ }
+ return this.depth;
+ },
+ generate: function(chart, creator){
+ if(!this.data){ return this; }
+ var step = this.width / this.data.length, org = 0,
+ depth = this.depth == "auto" ? step - 2 * this.gap : this.depth,
+ scale = this.height / reduce(this.data, Math.max);
+ if(!creator){ creator = chart.view; }
+ for(var i = 0; i < this.data.length; ++i, org += step){
+ creator
+ .createCube({
+ bottom: {x: org + this.gap, y: 0, z: 0},
+ top: {x: org + step - this.gap, y: this.data[i] * scale, z: depth}
+ })
+ .setFill(this.material);
+ }
+ }
+ });
+});
diff --git a/js/dojo/dojox/charting/plot3d/Base.js b/js/dojo/dojox/charting/plot3d/Base.js
new file mode 100644
index 0000000..7929ae9
--- /dev/null
+++ b/js/dojo/dojox/charting/plot3d/Base.js
@@ -0,0 +1,20 @@
+//>>built
+define("dojox/charting/plot3d/Base", ["dojo/_base/declare"],
+ function(declare) {
+ return declare("dojox.charting.plot3d.Base", null, {
+ constructor: function(width, height, kwArgs){
+ this.width = width;
+ this.height = height;
+ },
+ setData: function(data){
+ this.data = data ? data : [];
+ return this;
+ },
+ getDepth: function(){
+ return this.depth;
+ },
+ generate: function(chart, creator){
+ }
+ });
+});
+
diff --git a/js/dojo/dojox/charting/plot3d/Cylinders.js b/js/dojo/dojox/charting/plot3d/Cylinders.js
new file mode 100644
index 0000000..d9e8be4
--- /dev/null
+++ b/js/dojo/dojox/charting/plot3d/Cylinders.js
@@ -0,0 +1,66 @@
+//>>built
+define("dojox/charting/plot3d/Cylinders", ["dojox/gfx3d", "dojox/gfx3d/matrix", "dojo/_base/declare", "dojo/_base/Color", "dojo/_base/window", "./Base"],
+ function(gfx3d, matrix3d, declare, Color, win, Base) {
+
+ // reduce function borrowed from dojox.fun
+ var reduce = function(/*Array*/ a, /*Function|String|Array*/ f, /*Object?*/ o){
+ // summary: repeatedly applies a binary function to an array from left
+ // to right; returns the final value.
+ a = typeof a == "string" ? a.split("") : a; o = o || win.global;
+ var z = a[0];
+ for(var i = 1; i < a.length; z = f.call(o, z, a[i++]));
+ return z; // Object
+ };
+ /*=====
+ var Base = dojox.charting.plot3d.Base;
+ =====*/
+ return declare("dojox.charting.plot3d.Cylinders", Base, {
+ constructor: function(width, height, kwArgs){
+ this.depth = "auto";
+ this.gap = 0;
+ this.data = [];
+ this.material = {type: "plastic", finish: "shiny", color: "lime"};
+ this.outline = null;
+ if(kwArgs){
+ if("depth" in kwArgs){ this.depth = kwArgs.depth; }
+ if("gap" in kwArgs){ this.gap = kwArgs.gap; }
+ if("material" in kwArgs){
+ var m = kwArgs.material;
+ if(typeof m == "string" || m instanceof Color){
+ this.material.color = m;
+ }else{
+ this.material = m;
+ }
+ }
+ if("outline" in kwArgs){ this.outline = kwArgs.outline; }
+ }
+ },
+ getDepth: function(){
+ if(this.depth == "auto"){
+ var w = this.width;
+ if(this.data && this.data.length){
+ w = w / this.data.length;
+ }
+ return w - 2 * this.gap;
+ }
+ return this.depth;
+ },
+ generate: function(chart, creator){
+ if(!this.data){ return this; }
+ var step = this.width / this.data.length, org = 0,
+ scale = this.height / reduce(this.data, Math.max);
+ if(!creator){ creator = chart.view; }
+ for(var i = 0; i < this.data.length; ++i, org += step){
+ creator
+ .createCylinder({
+ center: {x: org + step / 2, y: 0, z: 0},
+ radius: step / 2 - this.gap,
+ height: this.data[i] * scale
+ })
+ .setTransform(matrix3d.rotateXg(-90))
+ .setFill(this.material).setStroke(this.outline);
+ }
+ }
+ });
+});
+