RubyGems - old_sql - Versions diffs - 1.16.0 → 1.17.0 - Mend

old_sql 1.16.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (273) hide show

data/public/javascripts/old_sql/plotkit-0.9.1/doc/PlotKit.Renderer.html DELETED Viewed

@@ -1,436 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
-<head>
-	<title>PlotKit.Renderer | liquidx</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-	<link href="http://media.liquidx.net/css/x_general.css" media="screen" rel="Stylesheet" type="text/css" />
-	<link href="http://media.liquidx.net/css/x_header.css" media="screen" rel="Stylesheet" type="text/css" />
-	<link href="http://media.liquidx.net/css/x_layout.css" media="screen" rel="Stylesheet" type="text/css" />
-	<link href="http://media.liquidx.net/css/x_blocks.css" media="screen" rel="Stylesheet" type="text/css" />
-	<link rel="icon" href="/favicon.png" type="image/x-png">
-	<link rel="shortcut icon" href="/favicon.png" type="image/x-png">
-	<!--[if lt IE 7.]>
-	<script defer type="text/javascript" src="http://media.liquidx.net/js/pngfix.js"></script>
-	<![endif]-->
-<link href="doc.css" media="screen" rel="stylesheet" type="text/css" />
-</head>
-<body>
-    <div id="header">
-        <div id="logo"><a href="http://www.liquidx.net/"><img src="http://media.liquidx.net/imgx/logo.png" width="256" height="128" alt="liquidx.net" /></a></div>
-		<div id="menu-hack">
-			<div id="menu-l"><img src="http://media.liquidx.net/imgx/menu_l.png" width="17" height="28" alt="menu cap" /></div><div id="menu-r"><img src="http://media.liquidx.net/imgx/menu_r.png" width="17" height="28" alt="menu cap" /></div>
-            <div id="menu-main">
-        		<ul id="menu" class="code">
-            		<li class="tab" id="blog"><a href="http://www.liquidx.net/" title="blog/home">blog</a></li>
-            		<li class="tab" id="code"><a href="http://www.liquidx.net/code/" title="software i have written">software</a></li>
-            		<li class="tab" id="dev"><a href="http://projects.liquidx.net/" title="source code for my open source projects">dev</a></li>
-            		<li class="tab" id="photos"><a href="http://al.tse.id.au/gallery/" title="photos and videos">photos</a></li>
-             		<li class="tab" id="research"><a href="http://al.tse.id.au/research/" title="research profile">research</a></li>
-             		<li class="tab" id="links"><a href="http://www.liquidx.net/links/" title="my bookmarks">linkblog</a></li>
-             		<li class="tab" id="stats"><a href="http://stats.liquidx.net/" title="stats for various parts of my website">stats</a></li>
-             		<li class="tab" id="status"><a href="http://www.liquidx.net/status/" title="weather report for alastair">status</a></li>
-             		<li class="tab" id="about"><a href="http://al.tse.id.au/" title="about alastair tse">aboutme</a></li>
-        		</ul>
-        	</div>
-    	</div>
-		<div id="quickbuttons">
-			<span class="quickbutton"><a href="http://www.liquidx.net/albumartwidget/"><img src="http://media.liquidx.net/imgx/quick_widget.png" alt="album art widget" /></a></span>
-			<span class="quickbutton"><a href="http://www.liquidx.net/plotkit/"><img src="http://media.liquidx.net/imgx/quick_plotkit.png" alt="plotkit" /></a></span>
-			<span class="quickbutton"><a href="http://www.liquidx.net/fruity/"><img src="http://media.liquidx.net/imgx/quick_fruity.png" alt="fruity" /></a></span>
-		</div>
-	</div>
-    <div id="body">
-<div class="page doc api">
-<p> <a href="PlotKit.html">PlotKit Home</a> | <a href="PlotKit.Layout.html">&lt;&lt;</a> | <a href="PlotKit.Canvas.html">&gt;&gt;</a>
-</p>
-<h1> PlotKit Renderer</h1>
-<p>A Renderer is responsible for translating the layout calculated by PlotKit.Layout and draw it on to a HTML Canvas, SVG object or any other way. One way to use the renderer is to allow theming of graphs by tweaking the layout.
-</p>
-<p>PlotKit includes some common basic renderers, so you do not need to customise anything if you just plan to change the spacing, colors, fonts, or layout.
-</p>
-<p>PlotKit Renderers should follow an informal protocol to allow users to plug and play different renderers. Below is the informal protocol:
-</p>
-<h2> PlotKit Renderer Protocol</h2>
-<ul>
- <li>
-     Constructor: <code>new Renderer(element, layout, options = {})</code>
- </li>
-</ul>
-<p>  <code>element</code> is the element which this renderer will perform on, <code>layout</code> is the PlotKit.Layout object and <code>options</code> is an associative dictionary described below.
-</p>
-<ul>
- <li>
-     class function: <code>isSupported()</code>
- </li>
-</ul>
-<p>  Optional check that returns <code>true</code> if the renderer is supported in the current browser.
-</p>
-<ul>
- <li>
-     object method: <code>render()</code>
- </li>
-</ul>
-<p>  Renders to canvas, can be called multiple times, but <code>clear()</code> must be called between invokations.
-</p>
-<ul>
- <li>
-     object method: <code>clear()</code>
- </li>
-</ul>
-<p>  Clear the canvas.
-</p>
-<h2> PlotKit Renderer Options</h2>
-<p>To allow some basic flexibility of the output, a renderer should
-   accept and act on the following options passed in the constructor.
-</p>
-<table cellpadding="0" cellspacing="0">
-  <thead>
-    <tr><td>Option name</td><td>Description</td><td>Type</td><td>Default</td></tr>
-  </thead>
-  <tbody>
-    <tr>
-        <th>backgroundColor</th>
-        <td>color to use for background</td>
-        <td>MochiKit.Color.Color</td>
-        <td>Color.whiteColor()</td>
-    </tr>
-    <tr>
-        <th>colorScheme</th>
-        <td>Color scheme used</td>
-        <td>Array of MochiKit.Color.Color</td>
-        <td>output of PlotKit.Base.colorScheme()</td>
-    </tr>
-    <tr>
-        <th>strokeColor</th>
-        <td>Color used stroking. If set to null, the renderer will
-  attempt to use strokeColorTransform</td>
-        <td>MochiKit.Color.Color or null</td>
-        <td>null</td>
-    </tr>
-    <tr>
-        <th>strokeColorTransform</th>
-        <td>Name of the method to call to transform Color into stroke color.</td>
-        <td>string (name of a function that accepts no arguments)</td>
-        <td>"asStrokeColor"</td>
-    </tr>
-    <tr>
-        <th>drawBackground</th>
-        <td>Whether the background should be drawn</td>
-        <td>boolean</td>
-        <td>true</td>
-    </tr>
-    <tr>
-        <th>shouldFill</th>
-        <td>Should fill in area under chart</td>
-        <td>boolean</td>
-        <td>true</td>
-    </tr>
-    <tr>
-        <th>shouldStroke</th>
-        <td>Should stroke the borders of shapes in chart</td>
-        <td>boolean</td>
-        <td>true</td>
-    </tr>
-    <tr>
-        <th>strokeWidth</th>
-        <td>Width of stroke used (if shouldStroke is set)</td>
-        <td>float</td>
-        <td>0.1</td>
-    </tr>
-    <tr>
-        <th>padding</th>
-        <td>Padding of the graph drawn (excluding labels)</td>
-        <td>Object with properties: top, bottom, left, right.</td>
-        <td>{left: 30, right:20, top: 10, bottom: 10}</td>
-    </tr>
-    <tr>
-        <th>drawYAxis</th>
-        <td>draw Y Axis</td>
-        <td>boolean</td>
-        <td>true</td>
-    </tr>
-    <tr>
-        <th>drawXAxis</th>
-        <td>draw X Axis</td>
-        <td>boolean</td>
-        <td>true</td>
-    </tr>
-    <tr>
-        <th>axisLineColor</th>
-        <td>Color of axes line.</td>
-        <td>MochiKit.Color.Color</td>
-        <td>Color.blackColor()</td>
-    </tr>
-    <tr>
-        <th>axisLineWidth</th>
-        <td>axis line width</td>
-        <td>float</td>
-        <td>0.5</td>
-    </tr>
-    <tr>
-        <th>axisTickSize</th>
-        <td>length or height of a tick on the y and x axis respectively, in pixels</td>
-        <td>float</td>
-        <td>3.0</td>
-    </tr>
-    <tr>
-        <th>axisLabelColor</th>
-        <td>color of text label on axis.</td>
-        <td>MochiKit.Color.Color</td>
-        <td>Color.blackColor()</td>
-    </tr>
-    <tr>
-        <th>axisLabelFontSize</th>
-        <td>Font size of labels in pixels </td>
-        <td>integer</td>
-        <td>9</td>
-    </tr>
-    <tr>
-        <th>axisLabelWidth</th>
-        <td>Width of labels on ticks, in pixels</td>
-        <td>integer</td>
-        <td>50</td>
-    </tr>
-    <tr>
-        <th>enableEvents</th>
-        <td>Enable events (if supported)</td>
-        <td>boolean</td>
-        <td>true</td>
-    </tr>
-</tbody>
-</table>
-<h1> Internal Renderer Methods and Style</h1>
-<p>The default renderers that are available follow a rough structure. If
-   you plan to write a new renderer, you should think about using a
-   similar structure.
-</p>
-<p>Also, it is important that you follow an Object Orientated style and
-   split up the rendering methods as much as logically possible to allow
-   other developers to extend the work by using a &quot;psuedo subclassing&quot;
-   method described below.
-</p>
-<h2> Subclassing</h2>
-<p>PlotKit Renderers should adopt a Javascript subclassing structure to
-   allow developers/themers to customise certain aspects of the
-   rendering. Here is an example of what is expected:
-</p>
-<pre><code>MyRenderer = function(element, layout, options) {
-    if (arguments.length  &gt; 0)
-       this.__init__(element, layout, options);
-};
-MyRenderer.prototype.__init__ = function(element, layout, options) {
-  ....
-};
-</code></pre><p>In this case, the default javascript constructor acts only when passed
-   arguments. <code>MyRenderer.prototype.__init__</code> is the real
-   constructor. It is named in similar vein to Python's constructor.
-</p>
-<p>For users who would like to subclass, they will need to use the
-   following snippet of code:
-</p>
-<pre><code> MyAlternateRenderer = function(element, layout. options) {
-   if (arguments.length &gt; 0)
-      this.__init__(element, layout, options);
- };
- MyAlternateRenderer.prototype = new MyRenderer();
- MyAlternateRenderer.prototype.constructor = MyAlternateRenderer;
- MyAlternateRenderer.__super__ = MyRenderer.prototype;
- MyAlternateRenderer.prototype.__init__ = function(element, layout, options) {
-     MyAlternateRenderer.__super__.__init__.call(this, element, layout, options);
- };
-</code></pre><p>For subclasses, they will need the following magic in order to
-   initialise their subclass. But after that, you can either override
-   <code>MyAlternateRenderer.prototype.__init__</code> with your own
-   implementation or just leave the superclass to deal with the
-   constructor.
-</p>
-<p>A more thorough example can be found in the PlotKit source for
-   <code>Canvas.js</code> and <code>SweetCanvas.js</code> respectively.
-</p>
-<h2> Internal Renderer Properties</h2>
-<p>The bundled renderers are have the following common properties to
-   allow standard access by all subclasses:
-</p>
-<ul>
- <li>
-      <code>this.layout</code>
- </li>
-</ul>
-<p>The PlotKit.Layout object passed by the user.
-</p>
-<ul>
- <li>
-      <code>this.element</code>
- </li>
-</ul>
-<p>The HTML element to use, either a Canvas Element or SVG Element depending
-   on whether a Canvas Renderer or SVG Renderer is in use.
-</p>
-<ul>
- <li>
-      <code>this.options</code>
- </li>
-</ul>
-<p>A dictionary of options that are applicable to the rendering style.
-</p>
-<ul>
- <li>
-      <code>this.xlabels</code>
- </li>
-</ul>
-<p>A list of elements that represent the axis. Should be cleared whenever
-   <code>clear()</code> is executed.
-</p>
-<ul>
- <li>
-      <code>this.ylabels</code>
- </li>
-</ul>
-<p>A list of elements that represent the axis. Should be cleared whenever
-   <code>clear()</code> is executed.
-</p>
-<h2> Internal Renderer Methods</h2>
-<ul>
- <li>
-      <code>_renderBarChart()</code>
- </li>
-</ul>
-<p>Renders only the bars of a  bar chart on the element by looking at
-   <code>this.layout.bars</code> for the bars to render. Will only be called if
-   <code>this.layout.style == &quot;bars&quot;</code>
-</p>
-<ul>
- <li>
-      <code>_renderLineChart()</code>
- </li>
-</ul>
-<p>Renders only the lines of a  line chart on the element by looking at
-   <code>this.layout.points</code> for the points to render. Will only be called if
-   <code>this.layout.style == &quot;line&quot;</code>
-</p>
-<ul>
- <li>
-      <code>_renderPieChart()</code>
- </li>
-</ul>
-<p>Renders only the slices of the pie in <code>this.layout.slices</code>.
-   Will only be called if <code>this.layout.style == &quot;pie&quot;</code>
-</p>
-<ul>
- <li>
-      <code>_renderBarAxis()</code>
- </li>
-</ul>
-<p>Renders the axis for a bar chart by looking at the
-   <code>this.layout.xticks</code> and <code>this.layout.yticks</code>.
-</p>
-<ul>
- <li>
-      <code>_renderLineAxis()</code>
- </li>
-</ul>
-<p>Renders the axis for a line chart by looking at the
-   <code>this.layout.xticks</code> and <code>this.layout.yticks</code>.
-</p>
-<ul>
- <li>
-      <code>_renderPieAxis()</code>
- </li>
-</ul>
-<p>Renders the labels for a pie chart by looking at
-   <code>this.layout.xticks</code> only.
-</p>
-<ul>
- <li>
-      <code>_renderBackground()</code>
- </li>
-</ul>
-<p>Called to render the background of the chart. Should check whether
-   <code>this.options.drawsBackground</code> is set before proceeding.
-</p>
-<h1> Events from the Chart</h1>
-<p>There is preliminary support for events from the chart for the Canvas
-   Renderer but the API is not stablised and subject to change. <strong>(TODO)</strong>.
-</p>
-</div>
-</div>
-    <div id="footer">
-		<div class="block">
-			<h3>Syndication Feeds:</h3>
-			<p>
-				<ul class="tiny">
-					<li><a href="http://www.liquidx.net/blog/feed/atom/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Atom Feed for the Blog Entries</a></li>
-					<li><a href="http://www.liquidx.net/blog/feed/rss/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />RSS Feed for the Blog Entries</a></li>
-					<li><a href="http://www.liquidx.net/comments/feed/atom/" class="feed" title="feed for all posts on liquidx.net"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Feed for All Comments</a></li>
-					<li><a href="http://www.liquidx.net/links/feed/atom/" class="feed" title="feed for all bookmarked links"><img src="http://media.liquidx.net/imgx/feed.gif" class="feed" alt="feed" />Feed for Links</a></li>
-				</ul>
-			</p>
-		</div>
-		<div class="block">
-			<h3>About this site:</h3>
-			<p>Content on this site is licensed under <a href="http://creativecommons.org/licenses/by/2.5/">CC By Attribution</a> unless otherwise specified.
-			Copyright (c) 2002-2006, <a href="http://al.tse.id.au/">Alastair Tse</a>.</p>
-			<p>For more information, see <a href="http://al.tse.id.au/">al.tse.id.au</a>.</p>
-			<p><script type="text/javascript" src="http://technorati.com/embed/itwctkzez.js"></script></p>
-		</div>
-		<div class="block">
-			<h3>Is Made Possible By:</h3>
-			<p>
-			<dl>
-				<dt><a href="http://ecto.kung-foo.tv/" class="clean">ecto</a>. </dt>
-				<dd>Blogging client for Mac</dd>
-				<dt><a href="http://djangoproject.com/" class="clean">Django</a>. </dt>
-				<dd>Python Web Framework</dd>
-				<dt><a href="http://www.lighttpd.net/" class="clean">lighttpd</a>. </dt>
-				<dd>Really Fast Web Server</dd>
-				<dt><a href="http://www.saddi.com/software/flup/" class="clean">flup</a>. </dt>
-				<dd>FastCGI for Python</dd>
-			</dl>
-			</p>
-		</div>
-        <div class="block">
-            <h3>Search My Sites:</h3>
-            <p>
-           <div style='margin: 10px; text-align: center; width: 160px;'><form action='http://www.rollyo.com/search.html' ><fieldset style='margin: 0; padding: 4px 0 0 0; height: 60px; border: none; background: url(http://rollyo.com/remote/togo-bg4.png) no-repeat top left;'><div style="position: absolute; float:left; z-index:99; width: 46px; height: 50px;"><a href="http://rollyo.com"><img style="border: none;" height="50" width="46" src="http://rollyo.com/remote/x.gif"></a></div> <input type='text' size='30' style='float: left; width: 90px; margin: 2px 0 0 48px; padding: 0; font-size: 12px;' name='q' value='Search...' onclick='this.value="";' /><br /> <select name='sid' style='float: left; width: 78px; height: 15px; margin: 12px 0 0 46px; font-size: 7pt; padding: 0;'><option value='106081' selected='selected'>liquidx</option><option value='web'>Search The Web</option></select><input type='image' src='http://rollyo.com/remote/btn-togo.png' alt='Go' style='margin: 12px 0 0 3px; float: left;' /><input type='hidden' name='togo-v' value='1' /></fieldset></form></div>
-               </p>
-          </div>
-		<div class="clear">&nbsp;</div>
-    </div>
-   <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
-   <script type="text/javascript">
-   _uacct = "UA-58117-1";
-   urchinTracker();
-   </script>
-</body>
-</html>

data/public/javascripts/old_sql/plotkit-0.9.1/doc/PlotKit.Renderer.txt DELETED Viewed

@@ -1,299 +0,0 @@
-{% extends "basex.html" %}
-{% load markup %}
-{% block pageid %}code{% endblock %}
-{% block headers %}
-<link href="doc.css" media="screen" rel="stylesheet" type="text/css" />
-{% endblock %}
-{% block title %}PlotKit.Renderer{% endblock %}
-{% block content %}
-<div class="page doc api">
-{% filter markdown %}
-[PlotKit Home](PlotKit.html) | [<<](PlotKit.Layout.html) | [>>](PlotKit.Canvas.html)
-PlotKit Renderer
-================
-A Renderer is responsible for translating the layout calculated by PlotKit.Layout and draw it on to a HTML Canvas, SVG object or any other way. One way to use the renderer is to allow theming of graphs by tweaking the layout.
-PlotKit includes some common basic renderers, so you do not need to customise anything if you just plan to change the spacing, colors, fonts, or layout.
-PlotKit Renderers should follow an informal protocol to allow users to plug and play different renderers. Below is the informal protocol:
-PlotKit Renderer Protocol
--------------------------
-* Constructor: ``new Renderer(element, layout, options = {})``
-  ``element`` is the element which this renderer will perform on, ``layout`` is the PlotKit.Layout object and ``options`` is an associative dictionary described below.
-* class function: ``isSupported()``
-  Optional check that returns ``true`` if the renderer is supported in the current browser.
-* object method: ``render()``
-  Renders to canvas, can be called multiple times, but ``clear()`` must be called between invokations.
-* object method: ``clear()``
-  Clear the canvas.
-PlotKit Renderer Options
-------------------------
-To allow some basic flexibility of the output, a renderer should
-accept and act on the following options passed in the constructor.
-<table cellpadding="0" cellspacing="0">
-  <thead>
-	<tr><td>Option name</td><td>Description</td><td>Type</td><td>Default</td></tr>
-  </thead>
-  <tbody>
-	<tr>
-		<th>backgroundColor</th>
-		<td>color to use for background</td>
-		<td>MochiKit.Color.Color</td>
-		<td>Color.whiteColor()</td>
-	</tr>
-	<tr>
-		<th>colorScheme</th>
-		<td>Color scheme used</td>
-		<td>Array of MochiKit.Color.Color</td>
-		<td>output of PlotKit.Base.colorScheme()</td>
-	</tr>
-	<tr>
-		<th>strokeColor</th>
-		<td>Color used stroking. If set to null, the renderer will
-  attempt to use strokeColorTransform</td>
-		<td>MochiKit.Color.Color or null</td>
-		<td>null</td>
-	</tr>
-	<tr>
-		<th>strokeColorTransform</th>
-		<td>Name of the method to call to transform Color into stroke color.</td>
-		<td>string (name of a function that accepts no arguments)</td>
-		<td>"asStrokeColor"</td>
-	</tr>
-	<tr>
-		<th>drawBackground</th>
-		<td>Whether the background should be drawn</td>
-		<td>boolean</td>
-		<td>true</td>
-	</tr>
-	<tr>
-		<th>shouldFill</th>
-		<td>Should fill in area under chart</td>
-		<td>boolean</td>
-		<td>true</td>
-	</tr>
-	<tr>
-		<th>shouldStroke</th>
-		<td>Should stroke the borders of shapes in chart</td>
-		<td>boolean</td>
-		<td>true</td>
-	</tr>
-	<tr>
-		<th>strokeWidth</th>
-		<td>Width of stroke used (if shouldStroke is set)</td>
-		<td>float</td>
-		<td>0.1</td>
-	</tr>
-	<tr>
-		<th>padding</th>
-		<td>Padding of the graph drawn (excluding labels)</td>
-		<td>Object with properties: top, bottom, left, right.</td>
-		<td>{left: 30, right:20, top: 10, bottom: 10}</td>
-	</tr>
-	<tr>
-		<th>drawYAxis</th>
-		<td>draw Y Axis</td>
-		<td>boolean</td>
-		<td>true</td>
-	</tr>
-	<tr>
-		<th>drawXAxis</th>
-		<td>draw X Axis</td>
-		<td>boolean</td>
-		<td>true</td>
-	</tr>
-	<tr>
-		<th>axisLineColor</th>
-		<td>Color of axes line.</td>
-		<td>MochiKit.Color.Color</td>
-		<td>Color.blackColor()</td>
-	</tr>
-	<tr>
-		<th>axisLineWidth</th>
-		<td>axis line width</td>
-		<td>float</td>
-		<td>0.5</td>
-	</tr>
-	<tr>
-		<th>axisTickSize</th>
-		<td>length or height of a tick on the y and x axis respectively, in pixels</td>
-		<td>float</td>
-		<td>3.0</td>
-	</tr>
-	<tr>
-		<th>axisLabelColor</th>
-		<td>color of text label on axis.</td>
-		<td>MochiKit.Color.Color</td>
-		<td>Color.blackColor()</td>
-	</tr>
-	<tr>
-		<th>axisLabelFontSize</th>
-		<td>Font size of labels in pixels </td>
-		<td>integer</td>
-		<td>9</td>
-	</tr>
-	<tr>
-		<th>axisLabelWidth</th>
-		<td>Width of labels on ticks, in pixels</td>
-		<td>integer</td>
-		<td>50</td>
-	</tr>
-	<tr>
-		<th>enableEvents</th>
-		<td>Enable events (if supported)</td>
-		<td>boolean</td>
-		<td>true</td>
-	</tr>
-</tbody>
-</table>
-Internal Renderer Methods and Style
-===================================
-The default renderers that are available follow a rough structure. If
-you plan to write a new renderer, you should think about using a
-similar structure.
-Also, it is important that you follow an Object Orientated style and
-split up the rendering methods as much as logically possible to allow
-other developers to extend the work by using a "psuedo subclassing"
-method described below.
-Subclassing
------------
-PlotKit Renderers should adopt a Javascript subclassing structure to
-allow developers/themers to customise certain aspects of the
-rendering. Here is an example of what is expected:
-    MyRenderer = function(element, layout, options) {
-        if (arguments.length  > 0)
-           this.__init__(element, layout, options);
-    };
-    MyRenderer.prototype.__init__ = function(element, layout, options) {
-      ....
-    };
-In this case, the default javascript constructor acts only when passed
-arguments. ``MyRenderer.prototype.__init__`` is the real
-constructor. It is named in similar vein to Python's constructor.
-For users who would like to subclass, they will need to use the
-following snippet of code:
-     MyAlternateRenderer = function(element, layout. options) {
-       if (arguments.length > 0)
-          this.__init__(element, layout, options);
-     };
-     MyAlternateRenderer.prototype = new MyRenderer();
-     MyAlternateRenderer.prototype.constructor = MyAlternateRenderer;
-     MyAlternateRenderer.__super__ = MyRenderer.prototype;
-     MyAlternateRenderer.prototype.__init__ = function(element, layout, options) {
-         MyAlternateRenderer.__super__.__init__.call(this, element, layout, options);
-     };
-For subclasses, they will need the following magic in order to
-initialise their subclass. But after that, you can either override
-``MyAlternateRenderer.prototype.__init__`` with your own
-implementation or just leave the superclass to deal with the
-constructor.
-A more thorough example can be found in the PlotKit source for
-``Canvas.js`` and ``SweetCanvas.js`` respectively.
-Internal Renderer Properties
-----------------------------
-The bundled renderers are have the following common properties to
-allow standard access by all subclasses:
-* ``this.layout``
-The PlotKit.Layout object passed by the user.
-* ``this.element``
-The HTML element to use, either a Canvas Element or SVG Element depending
-on whether a Canvas Renderer or SVG Renderer is in use.
-* ``this.options``
-A dictionary of options that are applicable to the rendering style.
-* ``this.xlabels``
-A list of elements that represent the axis. Should be cleared whenever
-``clear()`` is executed.
-* ``this.ylabels``
-A list of elements that represent the axis. Should be cleared whenever
-``clear()`` is executed.
-Internal Renderer Methods
--------------------------
-* ``_renderBarChart()``
-Renders only the bars of a  bar chart on the element by looking at
-``this.layout.bars`` for the bars to render. Will only be called if
-``this.layout.style == "bars"``
-* ``_renderLineChart()``
-Renders only the lines of a  line chart on the element by looking at
-``this.layout.points`` for the points to render. Will only be called if
-``this.layout.style == "line"``
-* ``_renderPieChart()``
-Renders only the slices of the pie in ``this.layout.slices``.
-Will only be called if ``this.layout.style == "pie"``
-* ``_renderBarAxis()``
-Renders the axis for a bar chart by looking at the
-``this.layout.xticks`` and ``this.layout.yticks``.
-* ``_renderLineAxis()``
-Renders the axis for a line chart by looking at the
-``this.layout.xticks`` and ``this.layout.yticks``.
-* ``_renderPieAxis()``
-Renders the labels for a pie chart by looking at
-``this.layout.xticks`` only.
-* ``_renderBackground()``
-Called to render the background of the chart. Should check whether
-``this.options.drawsBackground`` is set before proceeding.
-Events from the Chart
-=====================
-There is preliminary support for events from the chart for the Canvas
-Renderer but the API is not stablised and subject to change. __(TODO)__.
-{% endfilter %}
-</div>
-{% endblock %}