dojo.provide("dojox.charting.widget.Chart2D"); dojo.require("dijit._Widget"); dojo.require("dojox.charting.Chart2D"); dojo.require("dojox.lang.functional"); // require all actions to support references by name dojo.require("dojox.charting.action2d.Highlight"); dojo.require("dojox.charting.action2d.Magnify"); dojo.require("dojox.charting.action2d.MoveSlice"); dojo.require("dojox.charting.action2d.Shake"); dojo.require("dojox.charting.action2d.Tooltip"); (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.Chart2D", 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.Chart2D(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 if(box.w > 0 && box.h > 0){ dojo.marginBox(this.domNode, box); this.chart.resize(); } } }); 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); 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[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("fill"); if(t != null){ kw.fill = eval("(" + t + ")"); } t = ga("legend"); if(t != null){ kw.legend = t; } t = ga("data"); if(t != null){ o.type = "data"; o.data = 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; }; })();