123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278 |
- /*
- Copyright (c) 2004-2012, The Dojo Foundation All Rights Reserved.
- Available via Academic Free License >= 2.1 OR the modified BSD license.
- see: http://dojotoolkit.org/license for details
- */
- if(!dojo._hasResource["dojox.charting.widget.Chart"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
- dojo._hasResource["dojox.charting.widget.Chart"] = true;
- dojo.provide("dojox.charting.widget.Chart");
- dojo.require("dijit._Widget");
- dojo.require("dojox.charting.Chart");
- dojo.require("dojox.lang.functional");
- (function(){
- var collectParams, collectAxisParams, collectPlotParams,
- collectActionParams, collectDataParams,
- notNull = function(o){ return o; },
- df = dojox.lang.functional,
- du = dojox.lang.utils,
- dc = dojox.charting,
- d = dojo;
-
- dojo.declare("dojox.charting.widget.Chart", dijit._Widget, {
- // parameters for the markup
-
- // theme for the chart
- theme: null,
-
- // margins for the chart: {l: 10, r: 10, t: 10, b: 10}
- margins: null,
-
- // chart area
- stroke: null,
- fill: null,
-
- // methods
-
- buildRendering: function(){
- var n = this.domNode = this.srcNodeRef;
-
- // collect chart parameters
- var axes = d.query("> .axis", n).map(collectAxisParams).filter(notNull),
- plots = d.query("> .plot", n).map(collectPlotParams).filter(notNull),
- actions = d.query("> .action", n).map(collectActionParams).filter(notNull),
- series = d.query("> .series", n).map(collectDataParams).filter(notNull);
-
- // build the chart
- n.innerHTML = "";
- var c = this.chart = new dc.Chart(n, {
- margins: this.margins,
- stroke: this.stroke,
- fill: this.fill
- });
-
- // add collected parameters
- if(this.theme){
- c.setTheme(this.theme);
- }
- axes.forEach(function(axis){
- c.addAxis(axis.name, axis.kwArgs);
- });
- plots.forEach(function(plot){
- c.addPlot(plot.name, plot.kwArgs);
- });
-
- this.actions = actions.map(function(action){
- return new action.action(c, action.plot, action.kwArgs)
- });
-
- var render = df.foldl(series, function(render, series){
- if(series.type == "data"){
- c.addSeries(series.name, series.data, series.kwArgs);
- render = true;
- }else{
- c.addSeries(series.name, [0], series.kwArgs);
- var kw = {};
- du.updateWithPattern(
- kw,
- series.kwArgs,
- {
- "query": "",
- "queryOptions": null,
- "start": 0,
- "count": 1 //,
- // "sort": []
- },
- true
- );
- if(series.kwArgs.sort){
- // sort is a complex object type and doesn't survive coercian
- kw.sort = dojo.clone(series.kwArgs.sort);
- }
- d.mixin(kw, {
- onComplete: function(data){
- var values;
- if("valueFn" in series.kwArgs){
- var fn = series.kwArgs.valueFn;
- values = d.map(data, function(x){
- return fn(series.data.getValue(x, series.field, 0));
- });
- }else{
- values = d.map(data, function(x){
- return series.data.getValue(x, series.field, 0);
- });
- }
- c.addSeries(series.name, values, series.kwArgs).render();
- }
- });
- series.data.fetch(kw);
- }
- return render;
- }, false);
- if(render){ c.render(); }
- },
- destroy: function(){
- // summary: properly destroy the widget
- this.chart.destroy();
- this.inherited(arguments);
- },
- resize: function(box){
- // summary:
- // Resize the widget.
- // description:
- // Resize the domNode and the widget surface to the dimensions of a box of the following form:
- // `{ l: 50, t: 200, w: 300: h: 150 }`
- // If no box is provided, resize the surface to the marginBox of the domNode.
- // box:
- // If passed, denotes the new size of the widget.
- this.chart.resize(box);
- }
- });
-
- collectParams = function(node, type, kw){
- var dp = eval("(" + type + ".prototype.defaultParams)");
- var x, attr;
- for(x in dp){
- if(x in kw){ continue; }
- attr = node.getAttribute(x);
- kw[x] = du.coerceType(dp[x], attr == null || typeof attr == "undefined" ? dp[x] : attr);
- }
- var op = eval("(" + type + ".prototype.optionalParams)");
- for(x in op){
- if(x in kw){ continue; }
- attr = node.getAttribute(x);
- if(attr != null){
- kw[x] = du.coerceType(op[x], attr);
- }
- }
- };
-
- collectAxisParams = function(node){
- var name = node.getAttribute("name"), type = node.getAttribute("type");
- if(!name){ return null; }
- var o = {name: name, kwArgs: {}}, kw = o.kwArgs;
- if(type){
- if(dc.axis2d[type]){
- type = dojox._scopeName + ".charting.axis2d." + type;
- }
- var axis = eval("(" + type + ")");
- if(axis){ kw.type = axis; }
- }else{
- type = dojox._scopeName + ".charting.axis2d.Default";
- }
- collectParams(node, type, kw);
- // compatibility conversions
- if(kw.font || kw.fontColor){
- if(!kw.tick){
- kw.tick = {};
- }
- if(kw.font){
- kw.tick.font = kw.font;
- }
- if(kw.fontColor){
- kw.tick.fontColor = kw.fontColor;
- }
- }
- return o;
- };
-
- collectPlotParams = function(node){
- // var name = d.attr(node, "name"), type = d.attr(node, "type");
- var name = node.getAttribute("name"), type = node.getAttribute("type");
- if(!name){ return null; }
- var o = {name: name, kwArgs: {}}, kw = o.kwArgs;
- if(type){
- if(dc.plot2d && dc.plot2d[type]){
- type = dojox._scopeName + ".charting.plot2d." + type;
- }
- var plot = eval("(" + type + ")");
- if(plot){ kw.type = plot; }
- }else{
- type = dojox._scopeName + ".charting.plot2d.Default";
- }
- collectParams(node, type, kw);
- return o;
- };
-
- collectActionParams = function(node){
- // var plot = d.attr(node, "plot"), type = d.attr(node, "type");
- var plot = node.getAttribute("plot"), type = node.getAttribute("type");
- if(!plot){ plot = "default"; }
- var o = {plot: plot, kwArgs: {}}, kw = o.kwArgs;
- if(type){
- if(dc.action2d[type]){
- type = dojox._scopeName + ".charting.action2d." + type;
- }
- var action = eval("(" + type + ")");
- if(!action){ return null; }
- o.action = action;
- }else{
- return null;
- }
- collectParams(node, type, kw);
- return o;
- };
- collectDataParams = function(node){
- var ga = d.partial(d.attr, node);
- var name = ga("name");
- if(!name){ return null; }
- var o = { name: name, kwArgs: {} }, kw = o.kwArgs, t;
- t = ga("plot");
- if(t != null){ kw.plot = t; }
- t = ga("marker");
- if(t != null){ kw.marker = t; }
- t = ga("stroke");
- if(t != null){ kw.stroke = eval("(" + t + ")"); }
- t = ga("outline");
- if(t != null){ kw.outline = eval("(" + t + ")"); }
- t = ga("shadow");
- if(t != null){ kw.shadow = eval("(" + t + ")"); }
- t = ga("fill");
- if(t != null){ kw.fill = eval("(" + t + ")"); }
- t = ga("font");
- if(t != null){ kw.font = t; }
- t = ga("fontColor");
- if(t != null){ kw.fontColor = eval("(" + t + ")"); }
- t = ga("legend");
- if(t != null){ kw.legend = t; }
- t = ga("data");
- if(t != null){
- o.type = "data";
- o.data = t ? dojo.map(String(t).split(','), Number) : [];
- return o;
- }
- t = ga("array");
- if(t != null){
- o.type = "data";
- o.data = eval("(" + t + ")");
- return o;
- }
- t = ga("store");
- if(t != null){
- o.type = "store";
- o.data = eval("(" + t + ")");
- t = ga("field");
- o.field = t != null ? t : "value";
- t = ga("query");
- if(!!t){ kw.query = t; }
- t = ga("queryOptions");
- if(!!t){ kw.queryOptions = eval("(" + t + ")"); }
- t = ga("start");
- if(!!t){ kw.start = Number(t); }
- t = ga("count");
- if(!!t){ kw.count = Number(t); }
- t = ga("sort");
- if(!!t){ kw.sort = eval("("+t+")"); }
- t = ga("valueFn");
- if(!!t){ kw.valueFn = df.lambda(t); }
- return o;
- }
- return null;
- };
- })();
- }
|