plotkit_v091/PlotKit/SweetSVG.js

   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
  17 try {
  18     if (typeof(PlotKit.SVGRenderer) == 'undefined')
  19     {
  20         throw "";
  21     }
  22 }
  23 catch (e) {
  24     throw "SweetSVG depends on MochiKit.{Base,Color,DOM,Format} and PlotKit.{Layout, SVG}"
  25 }
  26
  27
  28 if (typeof(PlotKit.SweetSVGRenderer) == 'undefined') {
  29     PlotKit.SweetSVGRenderer = {};
  30 }
  31
  32 PlotKit.SweetSVGRenderer = function(element, layout, options) {
  33     if (arguments.length > 0) {
  34         this.__init__(element, layout, options);
  35     }
  36 };
  37
  38 PlotKit.SweetSVGRenderer.NAME = "PlotKit.SweetSVGRenderer";
  39 PlotKit.SweetSVGRenderer.VERSION = PlotKit.VERSION;
  40
  41 PlotKit.SweetSVGRenderer.__repr__ = function() {
  42     return "[" + this.NAME + " " + this.VERSION + "]";
  43 };
  44
  45 PlotKit.SweetSVGRenderer.toString = function() {
  46     return this.__repr__();
  47 };
  48
  49 // ---------------------------------------------------------------------
  50 // Subclassing Magic
  51 // ---------------------------------------------------------------------
  52
  53 PlotKit.SweetSVGRenderer.prototype = new PlotKit.SVGRenderer();
  54 PlotKit.SweetSVGRenderer.prototype.constructor = PlotKit.SweetSVGRenderer;
  55 PlotKit.SweetSVGRenderer.__super__ = PlotKit.SVGRenderer.prototype;
  56
  57 // ---------------------------------------------------------------------
  58 // Constructor
  59 // ---------------------------------------------------------------------
  60
  61 PlotKit.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
  68 PlotKit.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
  93 PlotKit.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
 117 PlotKit.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
 157 PlotKit.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
 173 PlotKit.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
 224 PlotKit.SweetSVG = {}
 225 PlotKit.SweetSVG.SweetSVGRenderer = PlotKit.SweetSVGRenderer;
 226
 227 PlotKit.SweetSVG.EXPORT = [
 228     "SweetSVGRenderer"
 229 ];
 230
 231 PlotKit.SweetSVG.EXPORT_OK = [
 232     "SweetSVGRenderer"
 233 ];
 234
 235 PlotKit.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
 246 PlotKit.SweetSVG.__new__();
 247 MochiKit.Base._exportSymbols(this, PlotKit.SweetSVG);