New file |
0,0 → 1,75 |
/* |
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, {resize:function () { |
var area = this.getArea(); |
this.nodes.area.setAttribute("width", this.size.width); |
this.nodes.area.setAttribute("height", this.size.height); |
var rect = this.nodes.area.getElementsByTagName("rect")[0]; |
rect.setAttribute("x", area.left); |
rect.setAttribute("y", area.top); |
rect.setAttribute("width", area.right - area.left); |
rect.setAttribute("height", area.bottom - area.top); |
this.nodes.background.setAttribute("width", this.size.width); |
this.nodes.background.setAttribute("height", this.size.height); |
if (this.nodes.plots) { |
this.nodes.area.removeChild(this.nodes.plots); |
this.nodes.plots = null; |
} |
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])); |
} |
if (this.nodes.axes) { |
this.nodes.area.removeChild(this.nodes.axes); |
this.nodes.axes = null; |
} |
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)); |
} |
}, initializePlot:function (plot) { |
plot.destroy(); |
plot.dataNode = document.createElementNS(dojo.svg.xmlns.svg, "g"); |
plot.dataNode.setAttribute("id", plot.getId()); |
return plot.dataNode; |
}, initialize:function () { |
this.destroy(); |
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.main.appendChild(this.nodes.area); |
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"); |
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("fill", "#fff"); |
this.nodes.area.appendChild(this.nodes.background); |
this.resize(); |
return this.nodes.main; |
}}); |
} |
|