| /* |
| Copyright (c) 2004-2006, The Dojo Foundation |
| All Rights Reserved. |
| |
| Licensed under the Academic Free License version 2.1 or above OR the |
| modified BSD license. For more information on Dojo licensing, see: |
| |
| http://dojotoolkit.org/community/licensing.shtml |
| */ |
| |
| dojo.provide("dojo.charting.svg.PlotArea"); |
| dojo.require("dojo.lang.common"); |
| |
| if(dojo.render.svg.capable){ |
| dojo.require("dojo.svg"); |
| dojo.extend(dojo.charting.PlotArea, { |
| initializePlot: function(plot){ |
| // summary |
| // Initialize the plot node for data rendering. |
| plot.destroy(); |
| plot.dataNode = document.createElementNS(dojo.svg.xmlns.svg, "g"); |
| plot.dataNode.setAttribute("id", plot.getId()); |
| return plot.dataNode; // SVGGElement |
| }, |
| initialize: function(){ |
| // summary |
| // Initialize the PlotArea. |
| |
| this.destroy(); // kill everything first. |
| |
| // start with the background |
| this.nodes.main = document.createElement("div"); |
| |
| this.nodes.area = document.createElementNS(dojo.svg.xmlns.svg, "svg"); |
| this.nodes.area.setAttribute("id", this.getId()); |
| this.nodes.area.setAttribute("width", this.size.width); |
| this.nodes.area.setAttribute("height", this.size.height); |
| this.nodes.main.appendChild(this.nodes.area); |
| |
| var area=this.getArea(); |
| var defs = document.createElementNS(dojo.svg.xmlns.svg, "defs"); |
| var clip = document.createElementNS(dojo.svg.xmlns.svg, "clipPath"); |
| clip.setAttribute("id",this.getId()+"-clip"); |
| var rect = document.createElementNS(dojo.svg.xmlns.svg, "rect"); |
| rect.setAttribute("x", area.left); |
| rect.setAttribute("y", area.top); |
| rect.setAttribute("width", area.right-area.left); |
| rect.setAttribute("height", area.bottom-area.top); |
| clip.appendChild(rect); |
| defs.appendChild(clip); |
| this.nodes.area.appendChild(defs); |
| |
| this.nodes.background = document.createElementNS(dojo.svg.xmlns.svg, "rect"); |
| this.nodes.background.setAttribute("id", this.getId()+"-background"); |
| this.nodes.background.setAttribute("width", this.size.width); |
| this.nodes.background.setAttribute("height", this.size.height); |
| this.nodes.background.setAttribute("fill", "#fff"); |
| this.nodes.area.appendChild(this.nodes.background); |
| |
| this.nodes.plots = document.createElementNS(dojo.svg.xmlns.svg, "g"); |
| this.nodes.plots.setAttribute("id", this.getId()+"-plots"); |
| this.nodes.plots.setAttribute("style","clip-path:url(#"+this.getId()+"-clip);"); |
| this.nodes.area.appendChild(this.nodes.plots); |
| |
| for(var i=0; i<this.plots.length; i++){ |
| this.nodes.plots.appendChild(this.initializePlot(this.plots[i])); |
| } |
| |
| // do the axes |
| this.nodes.axes = document.createElementNS(dojo.svg.xmlns.svg, "g"); |
| this.nodes.axes.setAttribute("id", this.getId()+"-axes"); |
| this.nodes.area.appendChild(this.nodes.axes); |
| var axes = this.getAxes(); |
| for(var p in axes){ |
| var obj = axes[p]; |
| this.nodes.axes.appendChild(obj.axis.initialize(this, obj.plot, obj.drawAgainst, obj.plane)); |
| } |
| return this.nodes.main; // HTMLDivElement |
| } |
| }); |
| } |