move custom_rhino out of plotkit
[dygraphs.git] / plotkit_v091 / PlotKit / SweetSVG.js
CommitLineData
6a1aa64f
DV
1/*
2 PlotKit Sweet SVG Renderer
3 ==========================
4 SVG Renderer for PlotKit which looks pretty!
5
6 Copyright
7 ---------
8 Copyright 2005,2006 (c) Alastair Tse <alastair^liquidx.net>
9 For use under the BSD license. <http://www.liquidx.net/plotkit>
10*/
11
12
13// -------------------------------------------------------------------------
14// Check required components
15// -------------------------------------------------------------------------
16
17try {
18 if (typeof(PlotKit.SVGRenderer) == 'undefined')
19 {
20 throw "";
21 }
22}
23catch (e) {
24 throw "SweetSVG depends on MochiKit.{Base,Color,DOM,Format} and PlotKit.{Layout, SVG}"
25}
26
27
28if (typeof(PlotKit.SweetSVGRenderer) == 'undefined') {
29 PlotKit.SweetSVGRenderer = {};
30}
31
32PlotKit.SweetSVGRenderer = function(element, layout, options) {
33 if (arguments.length > 0) {
34 this.__init__(element, layout, options);
35 }
36};
37
38PlotKit.SweetSVGRenderer.NAME = "PlotKit.SweetSVGRenderer";
39PlotKit.SweetSVGRenderer.VERSION = PlotKit.VERSION;
40
41PlotKit.SweetSVGRenderer.__repr__ = function() {
42 return "[" + this.NAME + " " + this.VERSION + "]";
43};
44
45PlotKit.SweetSVGRenderer.toString = function() {
46 return this.__repr__();
47};
48
49// ---------------------------------------------------------------------
50// Subclassing Magic
51// ---------------------------------------------------------------------
52
53PlotKit.SweetSVGRenderer.prototype = new PlotKit.SVGRenderer();
54PlotKit.SweetSVGRenderer.prototype.constructor = PlotKit.SweetSVGRenderer;
55PlotKit.SweetSVGRenderer.__super__ = PlotKit.SVGRenderer.prototype;
56
57// ---------------------------------------------------------------------
58// Constructor
59// ---------------------------------------------------------------------
60
61PlotKit.SweetSVGRenderer.prototype.__init__ = function(element, layout, options) {
62 var moreOpts = PlotKit.Base.officeBlue();
63 MochiKit.Base.update(moreOpts, options);
64 PlotKit.SweetSVGRenderer.__super__.__init__.call(this, element, layout, moreOpts);
65 //this._addDropShadowFilter();
66};
67
68PlotKit.SweetSVGRenderer.prototype._addDropShadowFilter = function() {
69 var filter = this.createSVGElement("filter", {x: 0, y: 0, "id":"dropShadow"});
70 var goffset = this.createSVGElement("feOffset",
71 {"in": "SourceGraphic", "dx": 0, "dy": 0, "result": "topCopy"});
72 var blur = this.createSVGElement("feGaussianBlur",
73 {"in": "SourceAlpha", "StdDeviation": 2, "result": "shadow"});
74 var soffset = this.createSVGElement("feOffset",
75 {"in": "shadow", "dx": -1, "dy": -2, "result":"movedShadow"});
76 var merge = this.createSVGElement("feMerge");
77 var gmerge = this.createSVGElement("feMergeNode", {"in":"topCopy"});
78 var smerge = this.createSVGElement("feMergeNode", {"in":"movedShadow"});
79
80 merge.appendChild(gmerge);
81 merge.appendChild(smerge);
82 filter.appendChild(goffset);
83 filter.appendChild(blur);
84 filter.appendChild(soffset);
85 filter.appendChild(merge);
86 this.defs.appendChild(filter);
87};
88
89// ---------------------------------------------------------------------
90// Extended Plotting Functions
91// ---------------------------------------------------------------------
92
93PlotKit.SweetSVGRenderer.prototype._renderBarChart = function() {
94 var bind = MochiKit.Base.bind;
95 var shadowColor = Color.blackColor().toRGBString();
96 var shadowStyle = "fill:" + shadowColor + ";fill-opacity:0.15";
97 var strokeStyle = "stroke-width: 2.0; stroke:" + Color.whiteColor().toRGBString();
98
99 var drawRect = function(attrs, bar) {
100 var x = this.area.w * bar.x + this.area.x;
101 var y = this.area.h * bar.y + this.area.y;
102 var w = this.area.w * bar.w;
103 var h = this.area.h * bar.h;
104
105 if ((w < 1) || (h < 1))
106 return;
107
108 //attrs["filter"] = "url(#dropShadow)";
109 attrs["style"] = strokeStyle;
110 this._drawRect(x - 2, y - 1, w+4, h+2, {"style":shadowStyle});
111 this._drawRect(x, y, w, h, attrs);
112 };
113 this._renderBarOrLine(this.layout.bars, bind(drawRect, this));
114
115};
116
117PlotKit.SweetSVGRenderer.prototype._renderLineChart = function() {
118 var bind = MochiKit.Base.bind;
119 var shadowColor = Color.blackColor().toRGBString();
120 var shadowStyle = "fill:" + shadowColor + ";fill-opacity:0.15";
121 var strokeStyle = "stroke-width: 2.0; stroke:" + Color.whiteColor().toRGBString();
122
123 var addPoint = function(attrs, point) {
124 this._tempPointsBuffer += (this.area.w * point.x + this.area.x) + "," +
125 (this.area.h * point.y + this.area.y) + " ";
126 };
127
128 var startLine = function(attrs) {
129 this._tempPointsBuffer = "";
130 this._tempPointsBuffer += (this.area.x) + "," + (this.area.y+this.area.h) + " ";
131 };
132
133 var endLine = function(attrs) {
134 this._tempPointsBuffer += (this.area.w + this.area.x) + "," +(this.area.h + this.area.y);
135 attrs["points"] = this._tempPointsBuffer;
136
137 attrs["stroke"] = "none";
138 attrs["transform"] = "translate(-2, -1)";
139 attrs["style"] = shadowStyle;
140 var shadow = this.createSVGElement("polygon", attrs);
141 this.root.appendChild(shadow);
142
143 attrs["transform"] = "";
144 attrs["style"] = strokeStyle;
145 var elem = this.createSVGElement("polygon", attrs);
146 this.root.appendChild(elem);
147
148
149 };
150
151 this._renderBarOrLine(this.layout.points,
152 bind(addPoint, this),
153 bind(startLine, this),
154 bind(endLine, this));
155};
156
157PlotKit.SweetSVGRenderer.prototype._renderPieChart = function() {
158 var centerx = this.area.x + this.area.w * 0.5;
159 var centery = this.area.y + this.area.h * 0.5;
160 var shadowColor = Color.blackColor().toRGBString();
161 var radius = Math.min(this.area.w * this.options.pieRadius,
162 this.area.h * this.options.pieRadius);
163 var shadowStyle = "fill:" + shadowColor + ";fill-opacity:0.15";
164
165 var shadow = this.createSVGElement("circle",
166 {"style": shadowStyle, "cx": centerx + 1, "cy": centery + 1, "r": radius + 1});
167 this.root.appendChild(shadow);
168
169 PlotKit.SweetSVGRenderer.__super__._renderPieChart.call(this);
170};
171
172
173PlotKit.SweetSVGRenderer.prototype._renderBackground = function() {
174 var attrs = {
175 "fill": this.options.backgroundColor.toRGBString(),
176 "stroke": "none"
177 };
178
179
180 if (this.layout.style == "bar" || this.layout.style == "line") {
181 this._drawRect(this.area.x, this.area.y,
182 this.area.w, this.area.h, attrs);
183
184 var ticks = this.layout.yticks;
185 var horiz = false;
186 if (this.layout.style == "bar" &&
187 this.layout.options.barOrientation == "horizontal") {
188 ticks = this.layout.xticks;
189 horiz = true;
190 }
191
192 for (var i = 0; i < ticks.length; i++) {
193 var x = 0;
194 var y = 0;
195 var w = 0;
196 var h = 0;
197
198 if (horiz) {
199 x = ticks[i][0] * this.area.w + this.area.x;
200 y = this.area.y;
201 w = 1;
202 h = this.area.w;
203 }
204 else {
205 x = this.area.x;
206 y = ticks[i][0] * this.area.h + this.area.y;
207 w = this.area.w;
208 h = 1;
209 }
210
211 this._drawRect(x, y, w, h,
212 {"fill": this.options.axisLineColor.toRGBString()});
213 }
214 }
215 else {
216 PlotKit.SweetSVGRenderer.__super__._renderBackground.call(this);
217
218 }
219
220};
221
222// Namespace Iniitialisation
223
224PlotKit.SweetSVG = {}
225PlotKit.SweetSVG.SweetSVGRenderer = PlotKit.SweetSVGRenderer;
226
227PlotKit.SweetSVG.EXPORT = [
228 "SweetSVGRenderer"
229];
230
231PlotKit.SweetSVG.EXPORT_OK = [
232 "SweetSVGRenderer"
233];
234
235PlotKit.SweetSVG.__new__ = function() {
236 var m = MochiKit.Base;
237
238 m.nameFunctions(this);
239
240 this.EXPORT_TAGS = {
241 ":common": this.EXPORT,
242 ":all": m.concat(this.EXPORT, this.EXPORT_OK)
243 };
244};
245
246PlotKit.SweetSVG.__new__();
247MochiKit.Base._exportSymbols(this, PlotKit.SweetSVG);