Fixed Tooltips where noFormats = true

bower.json

@@ -9,7 +9,7 @@
     "dependencies": {
         "d3": ">=3.5.2"
     },
-    "version": "2.1.5",
+    "version": "2.1.6",
     "homepage": "dimplejs.org",
     "authors": [
         "johnkiernander <jkiernander@pmsi-consulting.com>"

dist/dimple.latest.js

@@ -38,7 +38,7 @@
 
     // Create the stub object
     var dimple = {
-        version: "2.1.5",
+        version: "2.1.6",
         plot: {},
         aggregateMethod: {}
     };
@@ -1600,6 +1600,7 @@
             axisTitle: 'dimple-custom-axis-title',
             tooltipBox: 'dimple-custom-tooltip-box',
             tooltipLabel: 'dimple-custom-tooltip-label',
+            tooltipDropLine: 'dimple-custom-tooltip-dropline',
             lineMarker: 'dimple-custom-line-marker',
             legendLabel: 'dimple-custom-legend-label',
             legendKey: 'dimple-custom-legend-key',
@@ -3446,8 +3447,8 @@
                     // Apply formats optionally
                     if (!chart.noFormats) {
                         this.attr("opacity", function (d) { return (graded ? 1 : d.color.opacity); })
-                            .style("fill", function (d) { return (graded ? "url(#fill-area-gradient-" + d.keyString + ")" : d.color.fill); })
-                            .style("stroke", function (d) { return (graded ? "url(#stroke-area-gradient-" + d.keyString + ")" : d.color.stroke); })
+                            .style("fill", function (d) { return (graded ? "url(#" + dimple._createClass(["fill-area-gradient-" + d.keyString]) + ")" : d.color.fill); })
+                            .style("stroke", function (d) { return (graded ? "url(#" + dimple._createClass(["stroke-area-gradient-" + d.keyString]) + ")" : d.color.stroke); })
                             .style("stroke-width", series.lineWeight);
                     }
                 })
@@ -3894,7 +3895,7 @@
                     if (!chart.noFormats) {
                         this.attr("opacity", function (d) { return (graded ? 1 : d.color.opacity); })
                             .style("fill", "none")
-                            .style("stroke", function (d) { return (graded ? "url(#fill-line-gradient-" + d.keyString + ")" : d.color.stroke); })
+                            .style("stroke", function (d) { return (graded ? "url(#" + dimple._createClass(["fill-line-gradient-" + d.keyString]) + ")" : d.color.stroke); })
                             .style("stroke-width", series.lineWeight);
                     }
                 })
@@ -4092,7 +4093,7 @@
     dimple._addGradient = function (seriesValue, id, categoryAxis, data, chart, duration, colorProperty) {
 
         var sArray = [].concat(seriesValue),
-            grad = chart._group.select("#" + id),
+            grad = chart.svg.select("#" + dimple._createClass([id])),
             cats = [],
             field = categoryAxis.position + "Field",
             transition = true,
@@ -4108,7 +4109,7 @@
 
         if (grad.node() === null) {
             transition = false;
-            grad = chart._group.append("linearGradient")
+            grad = chart.svg.append("defs").append("linearGradient")
                 .attr("id", dimple._createClass([id]))
                 .attr("gradientUnits", "userSpaceOnUse")
                 .attr("x1", (categoryAxis.position === "x" ? categoryAxis._scale(cats[0]) + ((chart._widthPixels() / cats.length) / 2) : 0))
@@ -5031,15 +5032,21 @@
             // Add a drop line to the x axis
             if (!series.x._hasCategories() && dropDest.y !== null) {
                 chart._tooltipGroup.append("line")
+                    .attr("class", "dimple-tooltip-dropline " + chart.customClassList.tooltipDropLine)
                     .attr("x1", (x < series.x._origin ? x + offset : x + width - offset))
                     .attr("y1", (y < dropDest.y ? y + height : y))
                     .attr("x2", (x < series.x._origin ? x + offset : x + width - offset))
                     .attr("y2", (y < dropDest.y ? y + height : y))
-                    .style("fill", "none")
-                    .style("stroke", fill)
-                    .style("stroke-width", 2)
-                    .style("stroke-dasharray", ("3, 3"))
-                    .style("opacity", opacity)
+                    .call(function () {
+                        // Apply formats optionally
+                        if (!chart.noFormats) {
+                            this.style("fill", "none")
+                                .style("stroke", fill)
+                                .style("stroke-width", 2)
+                                .style("stroke-dasharray", ("3, 3"))
+                                .style("opacity", opacity);
+                        }
+                    })
                     .transition()
                     .delay(animDuration / 2)
                     .duration(animDuration / 2)
@@ -5055,15 +5062,21 @@
             // Add a drop line to the y axis
             if (!series.y._hasCategories() && dropDest.x !== null) {
                 chart._tooltipGroup.append("line")
+                    .attr("class", "dimple-tooltip-dropline " + chart.customClassList.tooltipDropLine)
                     .attr("x1", (x < dropDest.x ? x + width : x))
                     .attr("y1", (y < series.y._origin ? y + offset : y + height - offset))
                     .attr("x2", (x < dropDest.x ? x + width : x))
                     .attr("y2", (y < series.y._origin ? y + offset : y + height - offset))
-                    .style("fill", "none")
-                    .style("stroke", fill)
-                    .style("stroke-width", 2)
-                    .style("stroke-dasharray", ("3, 3"))
-                    .style("opacity", opacity)
+                    .call(function () {
+                        // Apply formats optionally
+                        if (!chart.noFormats) {
+                            this.style("fill", "none")
+                                .style("stroke", fill)
+                                .style("stroke-width", 2)
+                                .style("stroke-dasharray", ("3, 3"))
+                                .style("opacity", opacity);
+                        }
+                    })
                     .transition()
                     .delay(animDuration / 2)
                     .duration(animDuration / 2)
@@ -5087,8 +5100,13 @@
             .append("text")
             .attr("class", "dimple-tooltip " + chart.customClassList.tooltipLabel)
             .text(function (d) { return d; })
-            .style("font-family", series.tooltipFontFamily)
-            .style("font-size", series._getTooltipFontSize());
+            .call(function () {
+                // Apply formats optionally
+                if (!chart.noFormats) {
+                    this.style("font-family", series.tooltipFontFamily)
+                        .style("font-size", series._getTooltipFontSize());
+                }
+            });
 
         // Get the max height and width of the text items
         t.each(function () {
@@ -5114,10 +5132,16 @@
             .attr("width", w + 2 * textMargin)
             .attr("rx", 5)
             .attr("ry", 5)
-            .style("fill", popupFillColor)
-            .style("stroke", popupStrokeColor)
-            .style("stroke-width", 2)
-            .style("opacity", 0.95);
+            .call(function () {
+                // Apply formats optionally
+                if (!chart.noFormats) {
+                    this.style("fill", popupFillColor)
+                        .style("stroke", popupStrokeColor)
+                        .style("stroke-width", 2)
+                        .style("opacity", 0.95);
+                }
+            });
+
 
         // Shift the popup around to avoid overlapping the svg edge
         if (transformPoint(x + width + textMargin + popupMargin + w).x < parseFloat(chart.svg.node().getBBox().width)) {
@@ -5196,29 +5220,42 @@
             .attr("cx", cx)
             .attr("cy", cy)
             .attr("r", r)
-            .attr("opacity", 0)
-            .style("fill", "none")
-            .style("stroke", fill)
-            .style("stroke-width", 1)
+            .call(function () {
+                if (!chart.noFormats) {
+                    this.attr("opacity", 0)
+                        .style("fill", "none")
+                        .style("stroke", fill)
+                        .style("stroke-width", 1);
+                }
+            })
             .transition()
             .duration(animDuration / 2)
             .ease("linear")
-            .attr("opacity", 1)
             .attr("r", r + series.lineWeight + 2)
-            .style("stroke-width", 2);
+            .call(function () {
+                if (!chart.noFormats) {
+                    this.attr("opacity", 1)
+                        .style("stroke-width", 2);
+                }
+            });
 
         // Add a drop line to the x axis
         if (dropDest.y !== null) {
             chart._tooltipGroup.append("line")
+                .attr("class", "dimple-tooltip-dropline " + chart.customClassList.tooltipDropLine)
                 .attr("x1", cx)
                 .attr("y1", (cy < dropDest.y ? cy + r + series.lineWeight + 2 : cy - r - series.lineWeight - 2))
                 .attr("x2", cx)
                 .attr("y2", (cy < dropDest.y ? cy + r + series.lineWeight + 2 : cy - r - series.lineWeight - 2))
-                .style("fill", "none")
-                .style("stroke", fill)
-                .style("stroke-width", 2)
-                .style("stroke-dasharray", ("3, 3"))
-                .style("opacity", opacity)
+                .call(function () {
+                    if (!chart.noFormats) {
+                        this.style("fill", "none")
+                            .style("stroke", fill)
+                            .style("stroke-width", 2)
+                            .style("stroke-dasharray", ("3, 3"))
+                            .style("opacity", opacity);
+                    }
+                })
                 .transition()
                 .delay(animDuration / 2)
                 .duration(animDuration / 2)
@@ -5232,15 +5269,20 @@
         // Add a drop line to the y axis
         if (dropDest.x !== null) {
             chart._tooltipGroup.append("line")
+                .attr("class", "dimple-tooltip-dropline " + chart.customClassList.tooltipDropLine)
                 .attr("x1", (cx < dropDest.x ? cx + r + series.lineWeight + 2 : cx - r - series.lineWeight - 2))
                 .attr("y1", cy)
                 .attr("x2", (cx < dropDest.x ? cx + r + series.lineWeight + 2 : cx - r - series.lineWeight - 2))
                 .attr("y2", cy)
-                .style("fill", "none")
-                .style("stroke", fill)
-                .style("stroke-width", 2)
-                .style("stroke-dasharray", ("3, 3"))
-                .style("opacity", opacity)
+                .call(function () {
+                    if (!chart.noFormats) {
+                        this.style("fill", "none")
+                            .style("stroke", fill)
+                            .style("stroke-width", 2)
+                            .style("stroke-dasharray", ("3, 3"))
+                            .style("opacity", opacity);
+                    }
+                })
                 .transition()
                 .delay(animDuration / 2)
                 .duration(animDuration / 2)
@@ -5255,15 +5297,19 @@
         t = chart._tooltipGroup.append("g");
         // Create a box for the popup in the text group
         box = t.append("rect")
-            .attr("class", "dimple-tooltip");
+            .attr("class", "dimple-tooltip " + chart.customClassList.tooltipBox);
 
         // Create a text object for every row in the popup
         t.selectAll(".dont-select-any").data(tipText).enter()
             .append("text")
-            .attr("class", "dimple-tooltip")
+            .attr("class", "dimple-tooltip " + chart.customClassList.tooltipLabel)
             .text(function (d) { return d; })
-            .style("font-family", series.tooltipFontFamily)
-            .style("font-size", series._getTooltipFontSize());
+            .call(function () {
+                if (!chart.noFormats) {
+                    this.style("font-family", series.tooltipFontFamily)
+                        .style("font-size", series._getTooltipFontSize());
+                }
+            });
 
         // Get the max height and width of the text items
         t.each(function () {
@@ -5289,10 +5335,14 @@
             .attr("width", w + 2 * textMargin)
             .attr("rx", 5)
             .attr("ry", 5)
-            .style("fill", popupFillColor)
-            .style("stroke", popupStrokeColor)
-            .style("stroke-width", 2)
-            .style("opacity", 0.95);
+            .call(function () {
+                if (!chart.noFormats) {
+                    this.style("fill", popupFillColor)
+                        .style("stroke", popupStrokeColor)
+                        .style("stroke-width", 2)
+                        .style("opacity", 0.95);
+                }
+            });
 
         // Shift the popup around to avoid overlapping the svg edge
         if (cx + r + textMargin + popupMargin + w < parseFloat(chart.svg.node().getBBox().width)) {

examples/advanced_animated_multiple_pie_bubbles.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_bar_labels.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     // This is the simple vertical grouped stacked 100% bar example
     var svg = dimple.newSvg("#chartContainer", 590, 400);

examples/advanced_bars_sketchy.html

@@ -6,7 +6,7 @@
 <html>
 <head>
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <!-- Props to Kimerly Geswein for her font Shadows Into Light */ -->
   <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
   <style>

examples/advanced_bullet.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
 
     // Create the svg and set the dimensions

examples/advanced_change_bubbles.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_custom_styling.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_dynamic_line_color.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_grouped_mekko.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_interactive_legends.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_lollipop_with_hover.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     
     var svg = dimple.newSvg("#chartContainer", 590, 400);

examples/advanced_matrix.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
 
     // Create the svg and set the dimensions

examples/advanced_pong.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     var data = [

examples/advanced_price_range_lollipop.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_responsive_sizing.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer" style="height: 100%">
     <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
     <script type="text/javascript">
         // In version 1.1.0 it's possible to initialise any size parameter with a
         // % value as well as pixels

examples/advanced_storyboard_control.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
       var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_time_axis.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
 

examples/advanced_trellis_bar.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/advanced_waterfall.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
 
     // This code should support any data in this structure changing the data here

examples/area_steps_horizontal.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_horizontal_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_horizontal_grouped_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_horizontal_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_horizontal_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_horizontal_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_vertical.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_vertical_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_vertical_grouped_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_vertical_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_vertical_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/area_steps_vertical_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_curvy.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_dual_measure.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_horizontal.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_horizontal_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_horizontal_grouped_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_horizontal_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_horizontal_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_horizontal_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_vertical.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_vertical_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_vertical_grouped_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_vertical_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_vertical_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/areas_vertical_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_dual_measure_floating.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal_floating.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal_grouped_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal_mekko.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_horizontal_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_matrix.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical_floating.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical_grouped_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical_mekko.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bars_vertical_stacked_100pct.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bubbles_horizontal_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bubbles_horizontal_lollipop.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/bubbles_matrix.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bubbles_standard.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/bubbles_vertical_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/bubbles_vertical_lollipop.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_curvy.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_dual_measure.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_horizontal.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_horizontal_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_horizontal_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_horizontal_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_vertical.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_vertical_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_vertical_grouped_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/lines_vertical_stacked.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_bubble.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_horizontal_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_horizontal_lollipop.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_matrix.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_scatter.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_standard.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_vertical_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/pie_vertical_lollipop.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_bubble.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_horizontal_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_horizontal_lollipop.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_matrix.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_multiple.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_scatter.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_standard.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_vertical_grouped.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
     d3.tsv("/data/example_data.tsv", function (data) {

examples/ring_vertical_lollipop.html

@@ -6,7 +6,7 @@
 <html>
 <div id="chartContainer">
   <script src="/lib/d3.v3.4.8.js"></script>
-  <script src="/dist/dimple.v2.1.5.js"></script>
+  <script src="/dist/dimple.v2.1.6.js"></script>
   <script type="text/javascript">
     var svg = dimple.newSvg("#chartContainer", 590, 400);
       d3.tsv("/data/example_data.tsv", function (data) {