simplecharts

SVG charts without dependencies
git clone https://git.ce9e.org/simplecharts.git

commit
d15e50e28829253eed3f7645f8d4f667a328ecfb
parent
3b0ef80be0b7498921bbfdf29030a8f31fdaf0ab
Author
Tobias Bengfort <bengfort@mpib-berlin.mpg.de>
Date
2026-04-13 09:21
strip trailin 0 on float

Diffstat

M simplecharts.py 9 +++++++--
M tests/empty_ColumnRenderer.svg 18 +++++++++---------
M tests/empty_LineRenderer.svg 18 +++++++++---------
M tests/empty_StackedAreaRenderer.svg 18 +++++++++---------
M tests/empty_StackedColumnRenderer.svg 18 +++++++++---------
M tests/float_ColumnRenderer.svg 18 +++++++++---------
M tests/float_LineRenderer.svg 22 +++++++++++-----------
M tests/float_StackedAreaRenderer.svg 20 ++++++++++----------
M tests/float_StackedColumnRenderer.svg 18 +++++++++---------
M tests/long_ColumnRenderer.svg 70 ++++++++++++++++++++++++++++++------------------------------
M tests/long_LineRenderer.svg 70 ++++++++++++++++++++++++++++++------------------------------
M tests/long_StackedAreaRenderer.svg 70 ++++++++++++++++++++++++++++++------------------------------
M tests/long_StackedColumnRenderer.svg 70 ++++++++++++++++++++++++++++++------------------------------
M tests/no-legend_ColumnRenderer.svg 34 +++++++++++++++++-----------------
M tests/no-legend_LineRenderer.svg 34 +++++++++++++++++-----------------
M tests/no-legend_StackedAreaRenderer.svg 34 +++++++++++++++++-----------------
M tests/no-legend_StackedColumnRenderer.svg 34 +++++++++++++++++-----------------
M tests/simple_ColumnRenderer.svg 46 +++++++++++++++++++++++-----------------------
M tests/simple_LineRenderer.svg 46 +++++++++++++++++++++++-----------------------
M tests/simple_StackedAreaRenderer.svg 46 +++++++++++++++++++++++-----------------------
M tests/simple_StackedColumnRenderer.svg 46 +++++++++++++++++++++++-----------------------
M tests/single_ColumnRenderer.svg 18 +++++++++---------
M tests/single_LineRenderer.svg 18 +++++++++---------
M tests/single_StackedAreaRenderer.svg 18 +++++++++---------
M tests/single_StackedColumnRenderer.svg 18 +++++++++---------

25 files changed, 418 insertions, 413 deletions


diff --git a/simplecharts.py b/simplecharts.py

@@ -39,9 +39,14 @@ class BaseRenderer:
   39    39     def get_color(self, i):
   40    40         return self.colors[i % len(self.colors)]
   41    41 
   -1    42     def render_value(self, value):
   -1    43         if isinstance(value, float):
   -1    44             value = str(value).rstrip('0').rstrip('.')
   -1    45         return escape(str(value))
   -1    46 
   42    47     def attrs(self, **kwargs):
   43    48         return ''.join(
   44    -1             ' {}="{}"'.format(key.replace('_', '-'), escape(str(value)))
   -1    49             ' {}="{}"'.format(key.replace('_', '-'), self.render_value(value))
   45    50             for key, value in sorted(kwargs.items())
   46    51         )
   47    52 
@@ -76,7 +81,7 @@ class BaseRenderer:
   76    81         return self.element('circle', content, cx=x, cy=y, r=radius, **kwargs)
   77    82 
   78    83     def polyline(self, points, **kwargs):
   79    -1         d = ' '.join('{:g},{:g}'.format(*p) for p in points)
   -1    84         d = ' '.join(','.join(self.render_value(c) for c in p) for p in points)
   80    85         return self.element('polyline', points=d, **kwargs)
   81    86 
   82    87     def get_title(self, rows, legend, i, j):

diff --git a/tests/empty_ColumnRenderer.svg b/tests/empty_ColumnRenderer.svg

@@ -4,24 +4,24 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">5</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">5</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">10</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    14 		<g fill="#e41a1c" role="row" stroke="white">
   15    -1 			<rect height="0.0" role="cell" width="64.0" x="64.0" y="479.0" />
   16    -1 			<rect height="0.0" role="cell" width="64.0" x="384.0" y="479.0" />
   -1    15 			<rect height="0" role="cell" width="64" x="64" y="479" />
   -1    16 			<rect height="0" role="cell" width="64" x="384" y="479" />
   17    17 		</g>
   18    18 		<g fill="#377eb8" role="row" stroke="white">
   19    -1 			<rect height="0.0" role="cell" width="64.0" x="128.0" y="479.0" />
   20    -1 			<rect height="0.0" role="cell" width="64.0" x="448.0" y="479.0" />
   -1    19 			<rect height="0" role="cell" width="64" x="128" y="479" />
   -1    20 			<rect height="0" role="cell" width="64" x="448" y="479" />
   21    21 		</g>
   22    22 		<g fill="#4daf4a" role="row" stroke="white">
   23    -1 			<rect height="0.0" role="cell" width="64.0" x="192.0" y="479.0" />
   24    -1 			<rect height="0.0" role="cell" width="64.0" x="512.0" y="479.0" />
   -1    23 			<rect height="0" role="cell" width="64" x="192" y="479" />
   -1    24 			<rect height="0" role="cell" width="64" x="512" y="479" />
   25    25 		</g>
   26    26 	</g>
   27    27 </svg>

diff --git a/tests/empty_LineRenderer.svg b/tests/empty_LineRenderer.svg

@@ -4,27 +4,27 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">5</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">5</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">10</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    14 		<polyline fill="none" points="160,480 480,480" stroke="#e41a1c" />
   15    15 		<polyline fill="none" points="160,480 480,480" stroke="#377eb8" />
   16    16 		<polyline fill="none" points="160,480 480,480" stroke="#4daf4a" />
   17    17 		<g fill="#e41a1c" role="row" stroke="white">
   18    -1 			<circle cx="160.0" cy="480.0" r="3" role="cell" />
   19    -1 			<circle cx="480.0" cy="480.0" r="3" role="cell" />
   -1    18 			<circle cx="160" cy="480" r="3" role="cell" />
   -1    19 			<circle cx="480" cy="480" r="3" role="cell" />
   20    20 		</g>
   21    21 		<g fill="#377eb8" role="row" stroke="white">
   22    -1 			<circle cx="160.0" cy="480.0" r="3" role="cell" />
   23    -1 			<circle cx="480.0" cy="480.0" r="3" role="cell" />
   -1    22 			<circle cx="160" cy="480" r="3" role="cell" />
   -1    23 			<circle cx="480" cy="480" r="3" role="cell" />
   24    24 		</g>
   25    25 		<g fill="#4daf4a" role="row" stroke="white">
   26    -1 			<circle cx="160.0" cy="480.0" r="3" role="cell" />
   27    -1 			<circle cx="480.0" cy="480.0" r="3" role="cell" />
   -1    26 			<circle cx="160" cy="480" r="3" role="cell" />
   -1    27 			<circle cx="480" cy="480" r="3" role="cell" />
   28    28 		</g>
   29    29 	</g>
   30    30 </svg>

diff --git a/tests/empty_StackedAreaRenderer.svg b/tests/empty_StackedAreaRenderer.svg

@@ -4,27 +4,27 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">5</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">5</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">10</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    14 		<polyline fill="#e41a1c" points="160,479 480,479 480,479 160,479" stroke="white" />
   15    15 		<polyline fill="#377eb8" points="160,479 480,479 480,479 160,479" stroke="white" />
   16    16 		<polyline fill="#4daf4a" points="160,479 480,479 480,479 160,479" stroke="white" />
   17    17 		<g fill="#e41a1c" role="row" stroke="white">
   18    -1 			<circle cx="160.0" cy="479.0" r="3" role="cell" />
   19    -1 			<circle cx="480.0" cy="479.0" r="3" role="cell" />
   -1    18 			<circle cx="160" cy="479" r="3" role="cell" />
   -1    19 			<circle cx="480" cy="479" r="3" role="cell" />
   20    20 		</g>
   21    21 		<g fill="#377eb8" role="row" stroke="white">
   22    -1 			<circle cx="160.0" cy="479.0" r="3" role="cell" />
   23    -1 			<circle cx="480.0" cy="479.0" r="3" role="cell" />
   -1    22 			<circle cx="160" cy="479" r="3" role="cell" />
   -1    23 			<circle cx="480" cy="479" r="3" role="cell" />
   24    24 		</g>
   25    25 		<g fill="#4daf4a" role="row" stroke="white">
   26    -1 			<circle cx="160.0" cy="479.0" r="3" role="cell" />
   27    -1 			<circle cx="480.0" cy="479.0" r="3" role="cell" />
   -1    26 			<circle cx="160" cy="479" r="3" role="cell" />
   -1    27 			<circle cx="480" cy="479" r="3" role="cell" />
   28    28 		</g>
   29    29 	</g>
   30    30 </svg>

diff --git a/tests/empty_StackedColumnRenderer.svg b/tests/empty_StackedColumnRenderer.svg

@@ -4,24 +4,24 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">5</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">5</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">10</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    14 		<g fill="#e41a1c" role="row" stroke="white">
   15    -1 			<rect height="0.0" role="cell" width="106.66666666666667" x="106.66666666666666" y="479.0" />
   16    -1 			<rect height="0.0" role="cell" width="106.66666666666667" x="426.6666666666667" y="479.0" />
   -1    15 			<rect height="0" role="cell" width="106.66666666666667" x="106.66666666666666" y="479" />
   -1    16 			<rect height="0" role="cell" width="106.66666666666667" x="426.6666666666667" y="479" />
   17    17 		</g>
   18    18 		<g fill="#377eb8" role="row" stroke="white">
   19    -1 			<rect height="0.0" role="cell" width="106.66666666666667" x="106.66666666666666" y="479.0" />
   20    -1 			<rect height="0.0" role="cell" width="106.66666666666667" x="426.6666666666667" y="479.0" />
   -1    19 			<rect height="0" role="cell" width="106.66666666666667" x="106.66666666666666" y="479" />
   -1    20 			<rect height="0" role="cell" width="106.66666666666667" x="426.6666666666667" y="479" />
   21    21 		</g>
   22    22 		<g fill="#4daf4a" role="row" stroke="white">
   23    -1 			<rect height="0.0" role="cell" width="106.66666666666667" x="106.66666666666666" y="479.0" />
   24    -1 			<rect height="0.0" role="cell" width="106.66666666666667" x="426.6666666666667" y="479.0" />
   -1    23 			<rect height="0" role="cell" width="106.66666666666667" x="106.66666666666666" y="479" />
   -1    24 			<rect height="0" role="cell" width="106.66666666666667" x="426.6666666666667" y="479" />
   25    25 		</g>
   26    26 	</g>
   27    27 </svg>

diff --git a/tests/float_ColumnRenderer.svg b/tests/float_ColumnRenderer.svg

@@ -4,34 +4,34 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">0.03</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">0.03</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">0.06</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    14 		<g fill="#e41a1c" role="row" stroke="white">
   15    -1 			<rect height="239.99999999999997" role="cell" width="64.0" x="64.0" y="239.00000000000003">
   -1    15 			<rect height="239.99999999999997" role="cell" width="64" x="64" y="239.00000000000003">
   16    16 				<title>0.03</title>
   17    17 			</rect>
   18    -1 			<rect height="320.0" role="cell" width="64.0" x="384.0" y="159.0">
   -1    18 			<rect height="320" role="cell" width="64" x="384" y="159">
   19    19 				<title>0.04</title>
   20    20 			</rect>
   21    21 		</g>
   22    22 		<g fill="#377eb8" role="row" stroke="white">
   23    -1 			<rect height="160.0" role="cell" width="64.0" x="128.0" y="319.0">
   -1    23 			<rect height="160" role="cell" width="64" x="128" y="319">
   24    24 				<title>0.02</title>
   25    25 			</rect>
   26    -1 			<rect height="160.0" role="cell" width="64.0" x="448.0" y="319.0">
   -1    26 			<rect height="160" role="cell" width="64" x="448" y="319">
   27    27 				<title>0.02</title>
   28    28 			</rect>
   29    29 		</g>
   30    30 		<g fill="#4daf4a" role="row" stroke="white">
   31    -1 			<rect height="400.0" role="cell" width="64.0" x="192.0" y="79.0">
   -1    31 			<rect height="400" role="cell" width="64" x="192" y="79">
   32    32 				<title>0.05</title>
   33    33 			</rect>
   34    -1 			<rect height="239.99999999999997" role="cell" width="64.0" x="512.0" y="239.00000000000003">
   -1    34 			<rect height="239.99999999999997" role="cell" width="64" x="512" y="239.00000000000003">
   35    35 				<title>0.03</title>
   36    36 			</rect>
   37    37 		</g>

diff --git a/tests/float_LineRenderer.svg b/tests/float_LineRenderer.svg

@@ -4,37 +4,37 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">0.03</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">0.03</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">0.06</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    -1 		<polyline fill="none" points="160,240 480,160" stroke="#e41a1c" />
   -1    14 		<polyline fill="none" points="160,240.00000000000003 480,160" stroke="#e41a1c" />
   15    15 		<polyline fill="none" points="160,320 480,320" stroke="#377eb8" />
   16    -1 		<polyline fill="none" points="160,80 480,240" stroke="#4daf4a" />
   -1    16 		<polyline fill="none" points="160,80 480,240.00000000000003" stroke="#4daf4a" />
   17    17 		<g fill="#e41a1c" role="row" stroke="white">
   18    -1 			<circle cx="160.0" cy="240.00000000000003" r="3" role="cell">
   -1    18 			<circle cx="160" cy="240.00000000000003" r="3" role="cell">
   19    19 				<title>0.03</title>
   20    20 			</circle>
   21    -1 			<circle cx="480.0" cy="160.0" r="3" role="cell">
   -1    21 			<circle cx="480" cy="160" r="3" role="cell">
   22    22 				<title>0.04</title>
   23    23 			</circle>
   24    24 		</g>
   25    25 		<g fill="#377eb8" role="row" stroke="white">
   26    -1 			<circle cx="160.0" cy="320.0" r="3" role="cell">
   -1    26 			<circle cx="160" cy="320" r="3" role="cell">
   27    27 				<title>0.02</title>
   28    28 			</circle>
   29    -1 			<circle cx="480.0" cy="320.0" r="3" role="cell">
   -1    29 			<circle cx="480" cy="320" r="3" role="cell">
   30    30 				<title>0.02</title>
   31    31 			</circle>
   32    32 		</g>
   33    33 		<g fill="#4daf4a" role="row" stroke="white">
   34    -1 			<circle cx="160.0" cy="80.0" r="3" role="cell">
   -1    34 			<circle cx="160" cy="80" r="3" role="cell">
   35    35 				<title>0.05</title>
   36    36 			</circle>
   37    -1 			<circle cx="480.0" cy="240.00000000000003" r="3" role="cell">
   -1    37 			<circle cx="480" cy="240.00000000000003" r="3" role="cell">
   38    38 				<title>0.03</title>
   39    39 			</circle>
   40    40 		</g>

diff --git a/tests/float_StackedAreaRenderer.svg b/tests/float_StackedAreaRenderer.svg

@@ -4,37 +4,37 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">0.1</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">0.1</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">0.2</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    14 		<polyline fill="#e41a1c" points="160,407 480,383 480,479 160,479" stroke="white" />
   15    15 		<polyline fill="#377eb8" points="160,359 480,335 480,383 160,407" stroke="white" />
   16    -1 		<polyline fill="#4daf4a" points="160,239 480,263 480,335 160,359" stroke="white" />
   -1    16 		<polyline fill="#4daf4a" points="160,239.00000000000003 480,263.00000000000006 480,335 160,359" stroke="white" />
   17    17 		<g fill="#e41a1c" role="row" stroke="white">
   18    -1 			<circle cx="160.0" cy="407.0" r="3" role="cell">
   -1    18 			<circle cx="160" cy="407" r="3" role="cell">
   19    19 				<title>0.03</title>
   20    20 			</circle>
   21    -1 			<circle cx="480.0" cy="383.0" r="3" role="cell">
   -1    21 			<circle cx="480" cy="383" r="3" role="cell">
   22    22 				<title>0.04</title>
   23    23 			</circle>
   24    24 		</g>
   25    25 		<g fill="#377eb8" role="row" stroke="white">
   26    -1 			<circle cx="160.0" cy="359.0" r="3" role="cell">
   -1    26 			<circle cx="160" cy="359" r="3" role="cell">
   27    27 				<title>0.02</title>
   28    28 			</circle>
   29    -1 			<circle cx="480.0" cy="335.0" r="3" role="cell">
   -1    29 			<circle cx="480" cy="335" r="3" role="cell">
   30    30 				<title>0.02</title>
   31    31 			</circle>
   32    32 		</g>
   33    33 		<g fill="#4daf4a" role="row" stroke="white">
   34    -1 			<circle cx="160.0" cy="239.00000000000003" r="3" role="cell">
   -1    34 			<circle cx="160" cy="239.00000000000003" r="3" role="cell">
   35    35 				<title>0.05</title>
   36    36 			</circle>
   37    -1 			<circle cx="480.0" cy="263.00000000000006" r="3" role="cell">
   -1    37 			<circle cx="480" cy="263.00000000000006" r="3" role="cell">
   38    38 				<title>0.03</title>
   39    39 			</circle>
   40    40 		</g>

diff --git a/tests/float_StackedColumnRenderer.svg b/tests/float_StackedColumnRenderer.svg

@@ -4,34 +4,34 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">0.1</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">0.1</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">0.2</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480.0" y="490.0">Oranges</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="160" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="480" y="490">Oranges</text>
   13    13 		</g>
   14    14 		<g fill="#e41a1c" role="row" stroke="white">
   15    -1 			<rect height="71.99999999999999" role="cell" width="106.66666666666667" x="106.66666666666666" y="407.0">
   -1    15 			<rect height="71.99999999999999" role="cell" width="106.66666666666667" x="106.66666666666666" y="407">
   16    16 				<title>0.03</title>
   17    17 			</rect>
   18    -1 			<rect height="95.99999999999999" role="cell" width="106.66666666666667" x="426.6666666666667" y="383.0">
   -1    18 			<rect height="95.99999999999999" role="cell" width="106.66666666666667" x="426.6666666666667" y="383">
   19    19 				<title>0.04</title>
   20    20 			</rect>
   21    21 		</g>
   22    22 		<g fill="#377eb8" role="row" stroke="white">
   23    -1 			<rect height="47.99999999999999" role="cell" width="106.66666666666667" x="106.66666666666666" y="359.0">
   -1    23 			<rect height="47.99999999999999" role="cell" width="106.66666666666667" x="106.66666666666666" y="359">
   24    24 				<title>0.02</title>
   25    25 			</rect>
   26    -1 			<rect height="47.99999999999999" role="cell" width="106.66666666666667" x="426.6666666666667" y="335.0">
   -1    26 			<rect height="47.99999999999999" role="cell" width="106.66666666666667" x="426.6666666666667" y="335">
   27    27 				<title>0.02</title>
   28    28 			</rect>
   29    29 		</g>
   30    30 		<g fill="#4daf4a" role="row" stroke="white">
   31    -1 			<rect height="120.0" role="cell" width="106.66666666666667" x="106.66666666666666" y="239.0">
   -1    31 			<rect height="120" role="cell" width="106.66666666666667" x="106.66666666666666" y="239">
   32    32 				<title>0.05</title>
   33    33 			</rect>
   34    -1 			<rect height="71.99999999999999" role="cell" width="106.66666666666667" x="426.6666666666667" y="263.0">
   -1    34 			<rect height="71.99999999999999" role="cell" width="106.66666666666667" x="426.6666666666667" y="263">
   35    35 				<title>0.03</title>
   36    36 			</rect>
   37    37 		</g>

diff --git a/tests/long_ColumnRenderer.svg b/tests/long_ColumnRenderer.svg

@@ -4,95 +4,95 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">4</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">4</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">8</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="40" stroke="#333" width="530" x="110" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="-10.0">Monozygotic (431)</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="-10.0">Dizygotic (464)</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="496" y="-10.0">Trizygotic (0)</text>
   24    -1 			<rect fill="#984ea3" height="10" width="10" x="114" y="5.0" />
   25    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="10.0">Quadrizygotic (0)</text>
   26    -1 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5.0" />
   27    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="10.0">Other (82)</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="128" y="-10">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="322" y="-10">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="496" y="-10">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="114" y="5" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="128" y="10">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="322" y="10">Other (82)</text>
   28    28 		</g>
   29    29 		<g fill="#e41a1c" role="row" stroke="white">
   30    -1 			<rect height="180.0" role="cell" width="22.857142857142858" x="22.857142857142858" y="299.0">
   -1    30 			<rect height="180" role="cell" width="22.857142857142858" x="22.857142857142858" y="299">
   31    31 				<title>3</title>
   32    32 			</rect>
   33    -1 			<rect height="240.0" role="cell" width="22.857142857142858" x="182.85714285714286" y="239.0">
   -1    33 			<rect height="240" role="cell" width="22.857142857142858" x="182.85714285714286" y="239">
   34    34 				<title>4</title>
   35    35 			</rect>
   36    -1 			<rect height="240.0" role="cell" width="22.857142857142858" x="342.8571428571429" y="239.0">
   -1    36 			<rect height="240" role="cell" width="22.857142857142858" x="342.8571428571429" y="239">
   37    37 				<title>4</title>
   38    38 			</rect>
   39    -1 			<rect height="300.0" role="cell" width="22.857142857142858" x="502.8571428571429" y="179.0">
   -1    39 			<rect height="300" role="cell" width="22.857142857142858" x="502.8571428571429" y="179">
   40    40 				<title>5</title>
   41    41 			</rect>
   42    42 		</g>
   43    43 		<g fill="#377eb8" role="row" stroke="white">
   44    -1 			<rect height="120.0" role="cell" width="22.857142857142858" x="45.714285714285715" y="359.0">
   -1    44 			<rect height="120" role="cell" width="22.857142857142858" x="45.714285714285715" y="359">
   45    45 				<title>2</title>
   46    46 			</rect>
   47    -1 			<rect height="120.0" role="cell" width="22.857142857142858" x="205.71428571428572" y="359.0">
   -1    47 			<rect height="120" role="cell" width="22.857142857142858" x="205.71428571428572" y="359">
   48    48 				<title>2</title>
   49    49 			</rect>
   50    -1 			<rect height="180.0" role="cell" width="22.857142857142858" x="365.7142857142857" y="299.0">
   -1    50 			<rect height="180" role="cell" width="22.857142857142858" x="365.7142857142857" y="299">
   51    51 				<title>3</title>
   52    52 			</rect>
   53    -1 			<rect height="60.0" role="cell" width="22.857142857142858" x="525.7142857142858" y="419.0">
   -1    53 			<rect height="60" role="cell" width="22.857142857142858" x="525.7142857142858" y="419">
   54    54 				<title>1</title>
   55    55 			</rect>
   56    56 		</g>
   57    57 		<g fill="#4daf4a" role="row" stroke="white">
   58    -1 			<rect height="300.0" role="cell" width="22.857142857142858" x="68.57142857142857" y="179.0">
   -1    58 			<rect height="300" role="cell" width="22.857142857142858" x="68.57142857142857" y="179">
   59    59 				<title>5</title>
   60    60 			</rect>
   61    -1 			<rect height="180.0" role="cell" width="22.857142857142858" x="228.57142857142858" y="299.0">
   -1    61 			<rect height="180" role="cell" width="22.857142857142858" x="228.57142857142858" y="299">
   62    62 				<title>3</title>
   63    63 			</rect>
   64    -1 			<rect height="240.0" role="cell" width="22.857142857142858" x="388.57142857142856" y="239.0">
   -1    64 			<rect height="240" role="cell" width="22.857142857142858" x="388.57142857142856" y="239">
   65    65 				<title>4</title>
   66    66 			</rect>
   67    -1 			<rect height="120.0" role="cell" width="22.857142857142858" x="548.5714285714286" y="359.0">
   -1    67 			<rect height="120" role="cell" width="22.857142857142858" x="548.5714285714286" y="359">
   68    68 				<title>2</title>
   69    69 			</rect>
   70    70 		</g>
   71    71 		<g fill="#984ea3" role="row" stroke="white">
   72    -1 			<rect height="240.0" role="cell" width="22.857142857142858" x="91.42857142857143" y="239.0">
   -1    72 			<rect height="240" role="cell" width="22.857142857142858" x="91.42857142857143" y="239">
   73    73 				<title>4</title>
   74    74 			</rect>
   75    -1 			<rect height="120.0" role="cell" width="22.857142857142858" x="251.42857142857144" y="359.0">
   -1    75 			<rect height="120" role="cell" width="22.857142857142858" x="251.42857142857144" y="359">
   76    76 				<title>2</title>
   77    77 			</rect>
   78    -1 			<rect height="60.0" role="cell" width="22.857142857142858" x="411.42857142857144" y="419.0">
   -1    78 			<rect height="60" role="cell" width="22.857142857142858" x="411.42857142857144" y="419">
   79    79 				<title>1</title>
   80    80 			</rect>
   81    -1 			<rect height="240.0" role="cell" width="22.857142857142858" x="571.4285714285714" y="239.0">
   -1    81 			<rect height="240" role="cell" width="22.857142857142858" x="571.4285714285714" y="239">
   82    82 				<title>4</title>
   83    83 			</rect>
   84    84 		</g>
   85    85 		<g fill="#ff7f00" role="row" stroke="white">
   86    -1 			<rect height="360.0" role="cell" width="22.857142857142858" x="114.28571428571429" y="119.0">
   -1    86 			<rect height="360" role="cell" width="22.857142857142858" x="114.28571428571429" y="119">
   87    87 				<title>6</title>
   88    88 			</rect>
   89    -1 			<rect height="240.0" role="cell" width="22.857142857142858" x="274.2857142857143" y="239.0">
   -1    89 			<rect height="240" role="cell" width="22.857142857142858" x="274.2857142857143" y="239">
   90    90 				<title>4</title>
   91    91 			</rect>
   92    -1 			<rect height="300.0" role="cell" width="22.857142857142858" x="434.2857142857143" y="179.0">
   -1    92 			<rect height="300" role="cell" width="22.857142857142858" x="434.2857142857143" y="179">
   93    93 				<title>5</title>
   94    94 			</rect>
   95    -1 			<rect height="120.0" role="cell" width="22.857142857142858" x="594.2857142857143" y="359.0">
   -1    95 			<rect height="120" role="cell" width="22.857142857142858" x="594.2857142857143" y="359">
   96    96 				<title>2</title>
   97    97 			</rect>
   98    98 		</g>

diff --git a/tests/long_LineRenderer.svg b/tests/long_LineRenderer.svg

@@ -4,27 +4,27 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">4</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">4</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">8</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="40" stroke="#333" width="530" x="110" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="-10.0">Monozygotic (431)</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="-10.0">Dizygotic (464)</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="496" y="-10.0">Trizygotic (0)</text>
   24    -1 			<rect fill="#984ea3" height="10" width="10" x="114" y="5.0" />
   25    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="10.0">Quadrizygotic (0)</text>
   26    -1 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5.0" />
   27    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="10.0">Other (82)</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="128" y="-10">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="322" y="-10">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="496" y="-10">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="114" y="5" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="128" y="10">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="322" y="10">Other (82)</text>
   28    28 		</g>
   29    29 		<polyline fill="none" points="80,300 240,240 400,240 560,180" stroke="#e41a1c" />
   30    30 		<polyline fill="none" points="80,360 240,360 400,300 560,420" stroke="#377eb8" />
@@ -32,72 +32,72 @@
   32    32 		<polyline fill="none" points="80,240 240,360 400,420 560,240" stroke="#984ea3" />
   33    33 		<polyline fill="none" points="80,120 240,240 400,180 560,360" stroke="#ff7f00" />
   34    34 		<g fill="#e41a1c" role="row" stroke="white">
   35    -1 			<circle cx="80.0" cy="300.0" r="3" role="cell">
   -1    35 			<circle cx="80" cy="300" r="3" role="cell">
   36    36 				<title>3</title>
   37    37 			</circle>
   38    -1 			<circle cx="240.0" cy="240.0" r="3" role="cell">
   -1    38 			<circle cx="240" cy="240" r="3" role="cell">
   39    39 				<title>4</title>
   40    40 			</circle>
   41    -1 			<circle cx="400.0" cy="240.0" r="3" role="cell">
   -1    41 			<circle cx="400" cy="240" r="3" role="cell">
   42    42 				<title>4</title>
   43    43 			</circle>
   44    -1 			<circle cx="560.0" cy="180.0" r="3" role="cell">
   -1    44 			<circle cx="560" cy="180" r="3" role="cell">
   45    45 				<title>5</title>
   46    46 			</circle>
   47    47 		</g>
   48    48 		<g fill="#377eb8" role="row" stroke="white">
   49    -1 			<circle cx="80.0" cy="360.0" r="3" role="cell">
   -1    49 			<circle cx="80" cy="360" r="3" role="cell">
   50    50 				<title>2</title>
   51    51 			</circle>
   52    -1 			<circle cx="240.0" cy="360.0" r="3" role="cell">
   -1    52 			<circle cx="240" cy="360" r="3" role="cell">
   53    53 				<title>2</title>
   54    54 			</circle>
   55    -1 			<circle cx="400.0" cy="300.0" r="3" role="cell">
   -1    55 			<circle cx="400" cy="300" r="3" role="cell">
   56    56 				<title>3</title>
   57    57 			</circle>
   58    -1 			<circle cx="560.0" cy="420.0" r="3" role="cell">
   -1    58 			<circle cx="560" cy="420" r="3" role="cell">
   59    59 				<title>1</title>
   60    60 			</circle>
   61    61 		</g>
   62    62 		<g fill="#4daf4a" role="row" stroke="white">
   63    -1 			<circle cx="80.0" cy="180.0" r="3" role="cell">
   -1    63 			<circle cx="80" cy="180" r="3" role="cell">
   64    64 				<title>5</title>
   65    65 			</circle>
   66    -1 			<circle cx="240.0" cy="300.0" r="3" role="cell">
   -1    66 			<circle cx="240" cy="300" r="3" role="cell">
   67    67 				<title>3</title>
   68    68 			</circle>
   69    -1 			<circle cx="400.0" cy="240.0" r="3" role="cell">
   -1    69 			<circle cx="400" cy="240" r="3" role="cell">
   70    70 				<title>4</title>
   71    71 			</circle>
   72    -1 			<circle cx="560.0" cy="360.0" r="3" role="cell">
   -1    72 			<circle cx="560" cy="360" r="3" role="cell">
   73    73 				<title>2</title>
   74    74 			</circle>
   75    75 		</g>
   76    76 		<g fill="#984ea3" role="row" stroke="white">
   77    -1 			<circle cx="80.0" cy="240.0" r="3" role="cell">
   -1    77 			<circle cx="80" cy="240" r="3" role="cell">
   78    78 				<title>4</title>
   79    79 			</circle>
   80    -1 			<circle cx="240.0" cy="360.0" r="3" role="cell">
   -1    80 			<circle cx="240" cy="360" r="3" role="cell">
   81    81 				<title>2</title>
   82    82 			</circle>
   83    -1 			<circle cx="400.0" cy="420.0" r="3" role="cell">
   -1    83 			<circle cx="400" cy="420" r="3" role="cell">
   84    84 				<title>1</title>
   85    85 			</circle>
   86    -1 			<circle cx="560.0" cy="240.0" r="3" role="cell">
   -1    86 			<circle cx="560" cy="240" r="3" role="cell">
   87    87 				<title>4</title>
   88    88 			</circle>
   89    89 		</g>
   90    90 		<g fill="#ff7f00" role="row" stroke="white">
   91    -1 			<circle cx="80.0" cy="120.0" r="3" role="cell">
   -1    91 			<circle cx="80" cy="120" r="3" role="cell">
   92    92 				<title>6</title>
   93    93 			</circle>
   94    -1 			<circle cx="240.0" cy="240.0" r="3" role="cell">
   -1    94 			<circle cx="240" cy="240" r="3" role="cell">
   95    95 				<title>4</title>
   96    96 			</circle>
   97    -1 			<circle cx="400.0" cy="180.0" r="3" role="cell">
   -1    97 			<circle cx="400" cy="180" r="3" role="cell">
   98    98 				<title>5</title>
   99    99 			</circle>
  100    -1 			<circle cx="560.0" cy="360.0" r="3" role="cell">
   -1   100 			<circle cx="560" cy="360" r="3" role="cell">
  101   101 				<title>2</title>
  102   102 			</circle>
  103   103 		</g>

diff --git a/tests/long_StackedAreaRenderer.svg b/tests/long_StackedAreaRenderer.svg

@@ -4,27 +4,27 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">20</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">20</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">40</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="40" stroke="#333" width="530" x="110" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="-10.0">Monozygotic (431)</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="-10.0">Dizygotic (464)</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="496" y="-10.0">Trizygotic (0)</text>
   24    -1 			<rect fill="#984ea3" height="10" width="10" x="114" y="5.0" />
   25    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="10.0">Quadrizygotic (0)</text>
   26    -1 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5.0" />
   27    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="10.0">Other (82)</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="128" y="-10">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="322" y="-10">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="496" y="-10">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="114" y="5" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="128" y="10">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="322" y="10">Other (82)</text>
   28    28 		</g>
   29    29 		<polyline fill="#e41a1c" points="80,443 240,431 400,431 560,419 560,479 400,479 240,479 80,479" stroke="white" />
   30    30 		<polyline fill="#377eb8" points="80,419 240,407 400,395 560,407 560,419 400,431 240,431 80,443" stroke="white" />
@@ -32,72 +32,72 @@
   32    32 		<polyline fill="#984ea3" points="80,311 240,347 400,335 560,335 560,383 400,347 240,371 80,359" stroke="white" />
   33    33 		<polyline fill="#ff7f00" points="80,239 240,299 400,275 560,311 560,335 400,335 240,347 80,311" stroke="white" />
   34    34 		<g fill="#e41a1c" role="row" stroke="white">
   35    -1 			<circle cx="80.0" cy="443.0" r="3" role="cell">
   -1    35 			<circle cx="80" cy="443" r="3" role="cell">
   36    36 				<title>3</title>
   37    37 			</circle>
   38    -1 			<circle cx="240.0" cy="431.0" r="3" role="cell">
   -1    38 			<circle cx="240" cy="431" r="3" role="cell">
   39    39 				<title>4</title>
   40    40 			</circle>
   41    -1 			<circle cx="400.0" cy="431.0" r="3" role="cell">
   -1    41 			<circle cx="400" cy="431" r="3" role="cell">
   42    42 				<title>4</title>
   43    43 			</circle>
   44    -1 			<circle cx="560.0" cy="419.0" r="3" role="cell">
   -1    44 			<circle cx="560" cy="419" r="3" role="cell">
   45    45 				<title>5</title>
   46    46 			</circle>
   47    47 		</g>
   48    48 		<g fill="#377eb8" role="row" stroke="white">
   49    -1 			<circle cx="80.0" cy="419.0" r="3" role="cell">
   -1    49 			<circle cx="80" cy="419" r="3" role="cell">
   50    50 				<title>2</title>
   51    51 			</circle>
   52    -1 			<circle cx="240.0" cy="407.0" r="3" role="cell">
   -1    52 			<circle cx="240" cy="407" r="3" role="cell">
   53    53 				<title>2</title>
   54    54 			</circle>
   55    -1 			<circle cx="400.0" cy="395.0" r="3" role="cell">
   -1    55 			<circle cx="400" cy="395" r="3" role="cell">
   56    56 				<title>3</title>
   57    57 			</circle>
   58    -1 			<circle cx="560.0" cy="407.0" r="3" role="cell">
   -1    58 			<circle cx="560" cy="407" r="3" role="cell">
   59    59 				<title>1</title>
   60    60 			</circle>
   61    61 		</g>
   62    62 		<g fill="#4daf4a" role="row" stroke="white">
   63    -1 			<circle cx="80.0" cy="359.0" r="3" role="cell">
   -1    63 			<circle cx="80" cy="359" r="3" role="cell">
   64    64 				<title>5</title>
   65    65 			</circle>
   66    -1 			<circle cx="240.0" cy="371.0" r="3" role="cell">
   -1    66 			<circle cx="240" cy="371" r="3" role="cell">
   67    67 				<title>3</title>
   68    68 			</circle>
   69    -1 			<circle cx="400.0" cy="347.0" r="3" role="cell">
   -1    69 			<circle cx="400" cy="347" r="3" role="cell">
   70    70 				<title>4</title>
   71    71 			</circle>
   72    -1 			<circle cx="560.0" cy="383.0" r="3" role="cell">
   -1    72 			<circle cx="560" cy="383" r="3" role="cell">
   73    73 				<title>2</title>
   74    74 			</circle>
   75    75 		</g>
   76    76 		<g fill="#984ea3" role="row" stroke="white">
   77    -1 			<circle cx="80.0" cy="311.0" r="3" role="cell">
   -1    77 			<circle cx="80" cy="311" r="3" role="cell">
   78    78 				<title>4</title>
   79    79 			</circle>
   80    -1 			<circle cx="240.0" cy="347.0" r="3" role="cell">
   -1    80 			<circle cx="240" cy="347" r="3" role="cell">
   81    81 				<title>2</title>
   82    82 			</circle>
   83    -1 			<circle cx="400.0" cy="335.0" r="3" role="cell">
   -1    83 			<circle cx="400" cy="335" r="3" role="cell">
   84    84 				<title>1</title>
   85    85 			</circle>
   86    -1 			<circle cx="560.0" cy="335.0" r="3" role="cell">
   -1    86 			<circle cx="560" cy="335" r="3" role="cell">
   87    87 				<title>4</title>
   88    88 			</circle>
   89    89 		</g>
   90    90 		<g fill="#ff7f00" role="row" stroke="white">
   91    -1 			<circle cx="80.0" cy="239.0" r="3" role="cell">
   -1    91 			<circle cx="80" cy="239" r="3" role="cell">
   92    92 				<title>6</title>
   93    93 			</circle>
   94    -1 			<circle cx="240.0" cy="299.0" r="3" role="cell">
   -1    94 			<circle cx="240" cy="299" r="3" role="cell">
   95    95 				<title>4</title>
   96    96 			</circle>
   97    -1 			<circle cx="400.0" cy="275.0" r="3" role="cell">
   -1    97 			<circle cx="400" cy="275" r="3" role="cell">
   98    98 				<title>5</title>
   99    99 			</circle>
  100    -1 			<circle cx="560.0" cy="311.0" r="3" role="cell">
   -1   100 			<circle cx="560" cy="311" r="3" role="cell">
  101   101 				<title>2</title>
  102   102 			</circle>
  103   103 		</g>

diff --git a/tests/long_StackedColumnRenderer.svg b/tests/long_StackedColumnRenderer.svg

@@ -4,95 +4,95 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">20</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">20</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">40</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="40" stroke="#333" width="530" x="110" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="-10.0">Monozygotic (431)</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="-10.0">Dizygotic (464)</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="496" y="-10.0">Trizygotic (0)</text>
   24    -1 			<rect fill="#984ea3" height="10" width="10" x="114" y="5.0" />
   25    -1 			<text dominant-baseline="middle" fill="#333" x="128" y="10.0">Quadrizygotic (0)</text>
   26    -1 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5.0" />
   27    -1 			<text dominant-baseline="middle" fill="#333" x="322" y="10.0">Other (82)</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="114" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="128" y="-10">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="308" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="322" y="-10">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="482" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="496" y="-10">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="114" y="5" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="128" y="10">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="308" y="5" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="322" y="10">Other (82)</text>
   28    28 		</g>
   29    29 		<g fill="#e41a1c" role="row" stroke="white">
   30    -1 			<rect height="36.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="443.0">
   -1    30 			<rect height="36" role="cell" width="53.333333333333336" x="53.33333333333333" y="443">
   31    31 				<title>3</title>
   32    32 			</rect>
   33    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="431.0">
   -1    33 			<rect height="48" role="cell" width="53.333333333333336" x="213.33333333333334" y="431">
   34    34 				<title>4</title>
   35    35 			</rect>
   36    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="431.0">
   -1    36 			<rect height="48" role="cell" width="53.333333333333336" x="373.3333333333333" y="431">
   37    37 				<title>4</title>
   38    38 			</rect>
   39    -1 			<rect height="60.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="419.0">
   -1    39 			<rect height="60" role="cell" width="53.333333333333336" x="533.3333333333334" y="419">
   40    40 				<title>5</title>
   41    41 			</rect>
   42    42 		</g>
   43    43 		<g fill="#377eb8" role="row" stroke="white">
   44    -1 			<rect height="24.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="419.0">
   -1    44 			<rect height="24" role="cell" width="53.333333333333336" x="53.33333333333333" y="419">
   45    45 				<title>2</title>
   46    46 			</rect>
   47    -1 			<rect height="24.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="407.0">
   -1    47 			<rect height="24" role="cell" width="53.333333333333336" x="213.33333333333334" y="407">
   48    48 				<title>2</title>
   49    49 			</rect>
   50    -1 			<rect height="36.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="395.0">
   -1    50 			<rect height="36" role="cell" width="53.333333333333336" x="373.3333333333333" y="395">
   51    51 				<title>3</title>
   52    52 			</rect>
   53    -1 			<rect height="12.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="407.0">
   -1    53 			<rect height="12" role="cell" width="53.333333333333336" x="533.3333333333334" y="407">
   54    54 				<title>1</title>
   55    55 			</rect>
   56    56 		</g>
   57    57 		<g fill="#4daf4a" role="row" stroke="white">
   58    -1 			<rect height="60.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="359.0">
   -1    58 			<rect height="60" role="cell" width="53.333333333333336" x="53.33333333333333" y="359">
   59    59 				<title>5</title>
   60    60 			</rect>
   61    -1 			<rect height="36.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="371.0">
   -1    61 			<rect height="36" role="cell" width="53.333333333333336" x="213.33333333333334" y="371">
   62    62 				<title>3</title>
   63    63 			</rect>
   64    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="347.0">
   -1    64 			<rect height="48" role="cell" width="53.333333333333336" x="373.3333333333333" y="347">
   65    65 				<title>4</title>
   66    66 			</rect>
   67    -1 			<rect height="24.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="383.0">
   -1    67 			<rect height="24" role="cell" width="53.333333333333336" x="533.3333333333334" y="383">
   68    68 				<title>2</title>
   69    69 			</rect>
   70    70 		</g>
   71    71 		<g fill="#984ea3" role="row" stroke="white">
   72    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="311.0">
   -1    72 			<rect height="48" role="cell" width="53.333333333333336" x="53.33333333333333" y="311">
   73    73 				<title>4</title>
   74    74 			</rect>
   75    -1 			<rect height="24.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="347.0">
   -1    75 			<rect height="24" role="cell" width="53.333333333333336" x="213.33333333333334" y="347">
   76    76 				<title>2</title>
   77    77 			</rect>
   78    -1 			<rect height="12.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="335.0">
   -1    78 			<rect height="12" role="cell" width="53.333333333333336" x="373.3333333333333" y="335">
   79    79 				<title>1</title>
   80    80 			</rect>
   81    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="335.0">
   -1    81 			<rect height="48" role="cell" width="53.333333333333336" x="533.3333333333334" y="335">
   82    82 				<title>4</title>
   83    83 			</rect>
   84    84 		</g>
   85    85 		<g fill="#ff7f00" role="row" stroke="white">
   86    -1 			<rect height="72.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="239.0">
   -1    86 			<rect height="72" role="cell" width="53.333333333333336" x="53.33333333333333" y="239">
   87    87 				<title>6</title>
   88    88 			</rect>
   89    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="299.0">
   -1    89 			<rect height="48" role="cell" width="53.333333333333336" x="213.33333333333334" y="299">
   90    90 				<title>4</title>
   91    91 			</rect>
   92    -1 			<rect height="60.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="275.0">
   -1    92 			<rect height="60" role="cell" width="53.333333333333336" x="373.3333333333333" y="275">
   93    93 				<title>5</title>
   94    94 			</rect>
   95    -1 			<rect height="24.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="311.0">
   -1    95 			<rect height="24" role="cell" width="53.333333333333336" x="533.3333333333334" y="311">
   96    96 				<title>2</title>
   97    97 			</rect>
   98    98 		</g>

diff --git a/tests/no-legend_ColumnRenderer.svg b/tests/no-legend_ColumnRenderer.svg

@@ -4,54 +4,54 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g fill="#e41a1c" role="row" stroke="white">
   17    -1 			<rect height="240.0" role="cell" width="32.0" x="32.0" y="239.0">
   -1    17 			<rect height="240" role="cell" width="32" x="32" y="239">
   18    18 				<title>3</title>
   19    19 			</rect>
   20    -1 			<rect height="320.0" role="cell" width="32.0" x="192.0" y="159.0">
   -1    20 			<rect height="320" role="cell" width="32" x="192" y="159">
   21    21 				<title>4</title>
   22    22 			</rect>
   23    -1 			<rect height="320.0" role="cell" width="32.0" x="352.0" y="159.0">
   -1    23 			<rect height="320" role="cell" width="32" x="352" y="159">
   24    24 				<title>4</title>
   25    25 			</rect>
   26    -1 			<rect height="400.0" role="cell" width="32.0" x="512.0" y="79.0">
   -1    26 			<rect height="400" role="cell" width="32" x="512" y="79">
   27    27 				<title>5</title>
   28    28 			</rect>
   29    29 		</g>
   30    30 		<g fill="#377eb8" role="row" stroke="white">
   31    -1 			<rect height="160.0" role="cell" width="32.0" x="64.0" y="319.0">
   -1    31 			<rect height="160" role="cell" width="32" x="64" y="319">
   32    32 				<title>2</title>
   33    33 			</rect>
   34    -1 			<rect height="160.0" role="cell" width="32.0" x="224.0" y="319.0">
   -1    34 			<rect height="160" role="cell" width="32" x="224" y="319">
   35    35 				<title>2</title>
   36    36 			</rect>
   37    -1 			<rect height="240.0" role="cell" width="32.0" x="384.0" y="239.0">
   -1    37 			<rect height="240" role="cell" width="32" x="384" y="239">
   38    38 				<title>3</title>
   39    39 			</rect>
   40    -1 			<rect height="80.0" role="cell" width="32.0" x="544.0" y="399.0">
   -1    40 			<rect height="80" role="cell" width="32" x="544" y="399">
   41    41 				<title>1</title>
   42    42 			</rect>
   43    43 		</g>
   44    44 		<g fill="#4daf4a" role="row" stroke="white">
   45    -1 			<rect height="400.0" role="cell" width="32.0" x="96.0" y="79.0">
   -1    45 			<rect height="400" role="cell" width="32" x="96" y="79">
   46    46 				<title>5</title>
   47    47 			</rect>
   48    -1 			<rect height="240.0" role="cell" width="32.0" x="256.0" y="239.0">
   -1    48 			<rect height="240" role="cell" width="32" x="256" y="239">
   49    49 				<title>3</title>
   50    50 			</rect>
   51    -1 			<rect height="320.0" role="cell" width="32.0" x="416.0" y="159.0">
   -1    51 			<rect height="320" role="cell" width="32" x="416" y="159">
   52    52 				<title>4</title>
   53    53 			</rect>
   54    -1 			<rect height="160.0" role="cell" width="32.0" x="576.0" y="319.0">
   -1    54 			<rect height="160" role="cell" width="32" x="576" y="319">
   55    55 				<title>2</title>
   56    56 			</rect>
   57    57 		</g>

diff --git a/tests/no-legend_LineRenderer.svg b/tests/no-legend_LineRenderer.svg

@@ -4,57 +4,57 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<polyline fill="none" points="80,240 240,160 400,160 560,80" stroke="#e41a1c" />
   17    17 		<polyline fill="none" points="80,320 240,320 400,240 560,400" stroke="#377eb8" />
   18    18 		<polyline fill="none" points="80,80 240,240 400,160 560,320" stroke="#4daf4a" />
   19    19 		<g fill="#e41a1c" role="row" stroke="white">
   20    -1 			<circle cx="80.0" cy="240.0" r="3" role="cell">
   -1    20 			<circle cx="80" cy="240" r="3" role="cell">
   21    21 				<title>3</title>
   22    22 			</circle>
   23    -1 			<circle cx="240.0" cy="160.0" r="3" role="cell">
   -1    23 			<circle cx="240" cy="160" r="3" role="cell">
   24    24 				<title>4</title>
   25    25 			</circle>
   26    -1 			<circle cx="400.0" cy="160.0" r="3" role="cell">
   -1    26 			<circle cx="400" cy="160" r="3" role="cell">
   27    27 				<title>4</title>
   28    28 			</circle>
   29    -1 			<circle cx="560.0" cy="80.0" r="3" role="cell">
   -1    29 			<circle cx="560" cy="80" r="3" role="cell">
   30    30 				<title>5</title>
   31    31 			</circle>
   32    32 		</g>
   33    33 		<g fill="#377eb8" role="row" stroke="white">
   34    -1 			<circle cx="80.0" cy="320.0" r="3" role="cell">
   -1    34 			<circle cx="80" cy="320" r="3" role="cell">
   35    35 				<title>2</title>
   36    36 			</circle>
   37    -1 			<circle cx="240.0" cy="320.0" r="3" role="cell">
   -1    37 			<circle cx="240" cy="320" r="3" role="cell">
   38    38 				<title>2</title>
   39    39 			</circle>
   40    -1 			<circle cx="400.0" cy="240.0" r="3" role="cell">
   -1    40 			<circle cx="400" cy="240" r="3" role="cell">
   41    41 				<title>3</title>
   42    42 			</circle>
   43    -1 			<circle cx="560.0" cy="400.0" r="3" role="cell">
   -1    43 			<circle cx="560" cy="400" r="3" role="cell">
   44    44 				<title>1</title>
   45    45 			</circle>
   46    46 		</g>
   47    47 		<g fill="#4daf4a" role="row" stroke="white">
   48    -1 			<circle cx="80.0" cy="80.0" r="3" role="cell">
   -1    48 			<circle cx="80" cy="80" r="3" role="cell">
   49    49 				<title>5</title>
   50    50 			</circle>
   51    -1 			<circle cx="240.0" cy="240.0" r="3" role="cell">
   -1    51 			<circle cx="240" cy="240" r="3" role="cell">
   52    52 				<title>3</title>
   53    53 			</circle>
   54    -1 			<circle cx="400.0" cy="160.0" r="3" role="cell">
   -1    54 			<circle cx="400" cy="160" r="3" role="cell">
   55    55 				<title>4</title>
   56    56 			</circle>
   57    -1 			<circle cx="560.0" cy="320.0" r="3" role="cell">
   -1    57 			<circle cx="560" cy="320" r="3" role="cell">
   58    58 				<title>2</title>
   59    59 			</circle>
   60    60 		</g>

diff --git a/tests/no-legend_StackedAreaRenderer.svg b/tests/no-legend_StackedAreaRenderer.svg

@@ -4,57 +4,57 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">10</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">10</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">20</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<polyline fill="#e41a1c" points="80,407 240,383 400,383 560,359 560,479 400,479 240,479 80,479" stroke="white" />
   17    17 		<polyline fill="#377eb8" points="80,359 240,335 400,311 560,335 560,359 400,383 240,383 80,407" stroke="white" />
   18    18 		<polyline fill="#4daf4a" points="80,239 240,263 400,215 560,287 560,335 400,311 240,335 80,359" stroke="white" />
   19    19 		<g fill="#e41a1c" role="row" stroke="white">
   20    -1 			<circle cx="80.0" cy="407.0" r="3" role="cell">
   -1    20 			<circle cx="80" cy="407" r="3" role="cell">
   21    21 				<title>3</title>
   22    22 			</circle>
   23    -1 			<circle cx="240.0" cy="383.0" r="3" role="cell">
   -1    23 			<circle cx="240" cy="383" r="3" role="cell">
   24    24 				<title>4</title>
   25    25 			</circle>
   26    -1 			<circle cx="400.0" cy="383.0" r="3" role="cell">
   -1    26 			<circle cx="400" cy="383" r="3" role="cell">
   27    27 				<title>4</title>
   28    28 			</circle>
   29    -1 			<circle cx="560.0" cy="359.0" r="3" role="cell">
   -1    29 			<circle cx="560" cy="359" r="3" role="cell">
   30    30 				<title>5</title>
   31    31 			</circle>
   32    32 		</g>
   33    33 		<g fill="#377eb8" role="row" stroke="white">
   34    -1 			<circle cx="80.0" cy="359.0" r="3" role="cell">
   -1    34 			<circle cx="80" cy="359" r="3" role="cell">
   35    35 				<title>2</title>
   36    36 			</circle>
   37    -1 			<circle cx="240.0" cy="335.0" r="3" role="cell">
   -1    37 			<circle cx="240" cy="335" r="3" role="cell">
   38    38 				<title>2</title>
   39    39 			</circle>
   40    -1 			<circle cx="400.0" cy="311.0" r="3" role="cell">
   -1    40 			<circle cx="400" cy="311" r="3" role="cell">
   41    41 				<title>3</title>
   42    42 			</circle>
   43    -1 			<circle cx="560.0" cy="335.0" r="3" role="cell">
   -1    43 			<circle cx="560" cy="335" r="3" role="cell">
   44    44 				<title>1</title>
   45    45 			</circle>
   46    46 		</g>
   47    47 		<g fill="#4daf4a" role="row" stroke="white">
   48    -1 			<circle cx="80.0" cy="239.0" r="3" role="cell">
   -1    48 			<circle cx="80" cy="239" r="3" role="cell">
   49    49 				<title>5</title>
   50    50 			</circle>
   51    -1 			<circle cx="240.0" cy="263.0" r="3" role="cell">
   -1    51 			<circle cx="240" cy="263" r="3" role="cell">
   52    52 				<title>3</title>
   53    53 			</circle>
   54    -1 			<circle cx="400.0" cy="215.0" r="3" role="cell">
   -1    54 			<circle cx="400" cy="215" r="3" role="cell">
   55    55 				<title>4</title>
   56    56 			</circle>
   57    -1 			<circle cx="560.0" cy="287.0" r="3" role="cell">
   -1    57 			<circle cx="560" cy="287" r="3" role="cell">
   58    58 				<title>2</title>
   59    59 			</circle>
   60    60 		</g>

diff --git a/tests/no-legend_StackedColumnRenderer.svg b/tests/no-legend_StackedColumnRenderer.svg

@@ -4,54 +4,54 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">10</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">10</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">20</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g fill="#e41a1c" role="row" stroke="white">
   17    -1 			<rect height="72.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="407.0">
   -1    17 			<rect height="72" role="cell" width="53.333333333333336" x="53.33333333333333" y="407">
   18    18 				<title>3</title>
   19    19 			</rect>
   20    -1 			<rect height="96.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="383.0">
   -1    20 			<rect height="96" role="cell" width="53.333333333333336" x="213.33333333333334" y="383">
   21    21 				<title>4</title>
   22    22 			</rect>
   23    -1 			<rect height="96.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="383.0">
   -1    23 			<rect height="96" role="cell" width="53.333333333333336" x="373.3333333333333" y="383">
   24    24 				<title>4</title>
   25    25 			</rect>
   26    -1 			<rect height="120.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="359.0">
   -1    26 			<rect height="120" role="cell" width="53.333333333333336" x="533.3333333333334" y="359">
   27    27 				<title>5</title>
   28    28 			</rect>
   29    29 		</g>
   30    30 		<g fill="#377eb8" role="row" stroke="white">
   31    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="359.0">
   -1    31 			<rect height="48" role="cell" width="53.333333333333336" x="53.33333333333333" y="359">
   32    32 				<title>2</title>
   33    33 			</rect>
   34    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="335.0">
   -1    34 			<rect height="48" role="cell" width="53.333333333333336" x="213.33333333333334" y="335">
   35    35 				<title>2</title>
   36    36 			</rect>
   37    -1 			<rect height="72.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="311.0">
   -1    37 			<rect height="72" role="cell" width="53.333333333333336" x="373.3333333333333" y="311">
   38    38 				<title>3</title>
   39    39 			</rect>
   40    -1 			<rect height="24.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="335.0">
   -1    40 			<rect height="24" role="cell" width="53.333333333333336" x="533.3333333333334" y="335">
   41    41 				<title>1</title>
   42    42 			</rect>
   43    43 		</g>
   44    44 		<g fill="#4daf4a" role="row" stroke="white">
   45    -1 			<rect height="120.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="239.0">
   -1    45 			<rect height="120" role="cell" width="53.333333333333336" x="53.33333333333333" y="239">
   46    46 				<title>5</title>
   47    47 			</rect>
   48    -1 			<rect height="72.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="263.0">
   -1    48 			<rect height="72" role="cell" width="53.333333333333336" x="213.33333333333334" y="263">
   49    49 				<title>3</title>
   50    50 			</rect>
   51    -1 			<rect height="96.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="215.0">
   -1    51 			<rect height="96" role="cell" width="53.333333333333336" x="373.3333333333333" y="215">
   52    52 				<title>4</title>
   53    53 			</rect>
   54    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="287.0">
   -1    54 			<rect height="48" role="cell" width="53.333333333333336" x="533.3333333333334" y="287">
   55    55 				<title>2</title>
   56    56 			</rect>
   57    57 		</g>

diff --git a/tests/simple_ColumnRenderer.svg b/tests/simple_ColumnRenderer.svg

@@ -4,63 +4,63 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="20" stroke="#333" width="180" x="460" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="478" y="-10.0">John</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="542" y="-10.0">Jane</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="606" y="-10.0">Joe</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="478" y="-10">John</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="542" y="-10">Jane</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="606" y="-10">Joe</text>
   24    24 		</g>
   25    25 		<g fill="#e41a1c" role="row" stroke="white">
   26    -1 			<rect height="240.0" role="cell" width="32.0" x="32.0" y="239.0">
   -1    26 			<rect height="240" role="cell" width="32" x="32" y="239">
   27    27 				<title>3</title>
   28    28 			</rect>
   29    -1 			<rect height="320.0" role="cell" width="32.0" x="192.0" y="159.0">
   -1    29 			<rect height="320" role="cell" width="32" x="192" y="159">
   30    30 				<title>4</title>
   31    31 			</rect>
   32    -1 			<rect height="320.0" role="cell" width="32.0" x="352.0" y="159.0">
   -1    32 			<rect height="320" role="cell" width="32" x="352" y="159">
   33    33 				<title>4</title>
   34    34 			</rect>
   35    -1 			<rect height="400.0" role="cell" width="32.0" x="512.0" y="79.0">
   -1    35 			<rect height="400" role="cell" width="32" x="512" y="79">
   36    36 				<title>5</title>
   37    37 			</rect>
   38    38 		</g>
   39    39 		<g fill="#377eb8" role="row" stroke="white">
   40    -1 			<rect height="160.0" role="cell" width="32.0" x="64.0" y="319.0">
   -1    40 			<rect height="160" role="cell" width="32" x="64" y="319">
   41    41 				<title>2</title>
   42    42 			</rect>
   43    -1 			<rect height="160.0" role="cell" width="32.0" x="224.0" y="319.0">
   -1    43 			<rect height="160" role="cell" width="32" x="224" y="319">
   44    44 				<title>2</title>
   45    45 			</rect>
   46    -1 			<rect height="240.0" role="cell" width="32.0" x="384.0" y="239.0">
   -1    46 			<rect height="240" role="cell" width="32" x="384" y="239">
   47    47 				<title>3</title>
   48    48 			</rect>
   49    -1 			<rect height="80.0" role="cell" width="32.0" x="544.0" y="399.0">
   -1    49 			<rect height="80" role="cell" width="32" x="544" y="399">
   50    50 				<title>1</title>
   51    51 			</rect>
   52    52 		</g>
   53    53 		<g fill="#4daf4a" role="row" stroke="white">
   54    -1 			<rect height="400.0" role="cell" width="32.0" x="96.0" y="79.0">
   -1    54 			<rect height="400" role="cell" width="32" x="96" y="79">
   55    55 				<title>5</title>
   56    56 			</rect>
   57    -1 			<rect height="240.0" role="cell" width="32.0" x="256.0" y="239.0">
   -1    57 			<rect height="240" role="cell" width="32" x="256" y="239">
   58    58 				<title>3</title>
   59    59 			</rect>
   60    -1 			<rect height="320.0" role="cell" width="32.0" x="416.0" y="159.0">
   -1    60 			<rect height="320" role="cell" width="32" x="416" y="159">
   61    61 				<title>4</title>
   62    62 			</rect>
   63    -1 			<rect height="160.0" role="cell" width="32.0" x="576.0" y="319.0">
   -1    63 			<rect height="160" role="cell" width="32" x="576" y="319">
   64    64 				<title>2</title>
   65    65 			</rect>
   66    66 		</g>

diff --git a/tests/simple_LineRenderer.svg b/tests/simple_LineRenderer.svg

@@ -4,66 +4,66 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="20" stroke="#333" width="180" x="460" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="478" y="-10.0">John</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="542" y="-10.0">Jane</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="606" y="-10.0">Joe</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="478" y="-10">John</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="542" y="-10">Jane</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="606" y="-10">Joe</text>
   24    24 		</g>
   25    25 		<polyline fill="none" points="80,240 240,160 400,160 560,80" stroke="#e41a1c" />
   26    26 		<polyline fill="none" points="80,320 240,320 400,240 560,400" stroke="#377eb8" />
   27    27 		<polyline fill="none" points="80,80 240,240 400,160 560,320" stroke="#4daf4a" />
   28    28 		<g fill="#e41a1c" role="row" stroke="white">
   29    -1 			<circle cx="80.0" cy="240.0" r="3" role="cell">
   -1    29 			<circle cx="80" cy="240" r="3" role="cell">
   30    30 				<title>3</title>
   31    31 			</circle>
   32    -1 			<circle cx="240.0" cy="160.0" r="3" role="cell">
   -1    32 			<circle cx="240" cy="160" r="3" role="cell">
   33    33 				<title>4</title>
   34    34 			</circle>
   35    -1 			<circle cx="400.0" cy="160.0" r="3" role="cell">
   -1    35 			<circle cx="400" cy="160" r="3" role="cell">
   36    36 				<title>4</title>
   37    37 			</circle>
   38    -1 			<circle cx="560.0" cy="80.0" r="3" role="cell">
   -1    38 			<circle cx="560" cy="80" r="3" role="cell">
   39    39 				<title>5</title>
   40    40 			</circle>
   41    41 		</g>
   42    42 		<g fill="#377eb8" role="row" stroke="white">
   43    -1 			<circle cx="80.0" cy="320.0" r="3" role="cell">
   -1    43 			<circle cx="80" cy="320" r="3" role="cell">
   44    44 				<title>2</title>
   45    45 			</circle>
   46    -1 			<circle cx="240.0" cy="320.0" r="3" role="cell">
   -1    46 			<circle cx="240" cy="320" r="3" role="cell">
   47    47 				<title>2</title>
   48    48 			</circle>
   49    -1 			<circle cx="400.0" cy="240.0" r="3" role="cell">
   -1    49 			<circle cx="400" cy="240" r="3" role="cell">
   50    50 				<title>3</title>
   51    51 			</circle>
   52    -1 			<circle cx="560.0" cy="400.0" r="3" role="cell">
   -1    52 			<circle cx="560" cy="400" r="3" role="cell">
   53    53 				<title>1</title>
   54    54 			</circle>
   55    55 		</g>
   56    56 		<g fill="#4daf4a" role="row" stroke="white">
   57    -1 			<circle cx="80.0" cy="80.0" r="3" role="cell">
   -1    57 			<circle cx="80" cy="80" r="3" role="cell">
   58    58 				<title>5</title>
   59    59 			</circle>
   60    -1 			<circle cx="240.0" cy="240.0" r="3" role="cell">
   -1    60 			<circle cx="240" cy="240" r="3" role="cell">
   61    61 				<title>3</title>
   62    62 			</circle>
   63    -1 			<circle cx="400.0" cy="160.0" r="3" role="cell">
   -1    63 			<circle cx="400" cy="160" r="3" role="cell">
   64    64 				<title>4</title>
   65    65 			</circle>
   66    -1 			<circle cx="560.0" cy="320.0" r="3" role="cell">
   -1    66 			<circle cx="560" cy="320" r="3" role="cell">
   67    67 				<title>2</title>
   68    68 			</circle>
   69    69 		</g>

diff --git a/tests/simple_StackedAreaRenderer.svg b/tests/simple_StackedAreaRenderer.svg

@@ -4,66 +4,66 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">10</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">10</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">20</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="20" stroke="#333" width="180" x="460" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="478" y="-10.0">John</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="542" y="-10.0">Jane</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="606" y="-10.0">Joe</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="478" y="-10">John</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="542" y="-10">Jane</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="606" y="-10">Joe</text>
   24    24 		</g>
   25    25 		<polyline fill="#e41a1c" points="80,407 240,383 400,383 560,359 560,479 400,479 240,479 80,479" stroke="white" />
   26    26 		<polyline fill="#377eb8" points="80,359 240,335 400,311 560,335 560,359 400,383 240,383 80,407" stroke="white" />
   27    27 		<polyline fill="#4daf4a" points="80,239 240,263 400,215 560,287 560,335 400,311 240,335 80,359" stroke="white" />
   28    28 		<g fill="#e41a1c" role="row" stroke="white">
   29    -1 			<circle cx="80.0" cy="407.0" r="3" role="cell">
   -1    29 			<circle cx="80" cy="407" r="3" role="cell">
   30    30 				<title>3</title>
   31    31 			</circle>
   32    -1 			<circle cx="240.0" cy="383.0" r="3" role="cell">
   -1    32 			<circle cx="240" cy="383" r="3" role="cell">
   33    33 				<title>4</title>
   34    34 			</circle>
   35    -1 			<circle cx="400.0" cy="383.0" r="3" role="cell">
   -1    35 			<circle cx="400" cy="383" r="3" role="cell">
   36    36 				<title>4</title>
   37    37 			</circle>
   38    -1 			<circle cx="560.0" cy="359.0" r="3" role="cell">
   -1    38 			<circle cx="560" cy="359" r="3" role="cell">
   39    39 				<title>5</title>
   40    40 			</circle>
   41    41 		</g>
   42    42 		<g fill="#377eb8" role="row" stroke="white">
   43    -1 			<circle cx="80.0" cy="359.0" r="3" role="cell">
   -1    43 			<circle cx="80" cy="359" r="3" role="cell">
   44    44 				<title>2</title>
   45    45 			</circle>
   46    -1 			<circle cx="240.0" cy="335.0" r="3" role="cell">
   -1    46 			<circle cx="240" cy="335" r="3" role="cell">
   47    47 				<title>2</title>
   48    48 			</circle>
   49    -1 			<circle cx="400.0" cy="311.0" r="3" role="cell">
   -1    49 			<circle cx="400" cy="311" r="3" role="cell">
   50    50 				<title>3</title>
   51    51 			</circle>
   52    -1 			<circle cx="560.0" cy="335.0" r="3" role="cell">
   -1    52 			<circle cx="560" cy="335" r="3" role="cell">
   53    53 				<title>1</title>
   54    54 			</circle>
   55    55 		</g>
   56    56 		<g fill="#4daf4a" role="row" stroke="white">
   57    -1 			<circle cx="80.0" cy="239.0" r="3" role="cell">
   -1    57 			<circle cx="80" cy="239" r="3" role="cell">
   58    58 				<title>5</title>
   59    59 			</circle>
   60    -1 			<circle cx="240.0" cy="263.0" r="3" role="cell">
   -1    60 			<circle cx="240" cy="263" r="3" role="cell">
   61    61 				<title>3</title>
   62    62 			</circle>
   63    -1 			<circle cx="400.0" cy="215.0" r="3" role="cell">
   -1    63 			<circle cx="400" cy="215" r="3" role="cell">
   64    64 				<title>4</title>
   65    65 			</circle>
   66    -1 			<circle cx="560.0" cy="287.0" r="3" role="cell">
   -1    66 			<circle cx="560" cy="287" r="3" role="cell">
   67    67 				<title>2</title>
   68    68 			</circle>
   69    69 		</g>

diff --git a/tests/simple_StackedColumnRenderer.svg b/tests/simple_StackedColumnRenderer.svg

@@ -4,63 +4,63 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">10</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">10</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">20</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g aria-hidden="true">
   17    17 			<rect fill="none" height="20" stroke="#333" width="180" x="460" y="-20" />
   18    -1 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15.0" />
   19    -1 			<text dominant-baseline="middle" fill="#333" x="478" y="-10.0">John</text>
   20    -1 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15.0" />
   21    -1 			<text dominant-baseline="middle" fill="#333" x="542" y="-10.0">Jane</text>
   22    -1 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15.0" />
   23    -1 			<text dominant-baseline="middle" fill="#333" x="606" y="-10.0">Joe</text>
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="464" y="-15" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="478" y="-10">John</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="528" y="-15" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="542" y="-10">Jane</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="592" y="-15" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="606" y="-10">Joe</text>
   24    24 		</g>
   25    25 		<g fill="#e41a1c" role="row" stroke="white">
   26    -1 			<rect height="72.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="407.0">
   -1    26 			<rect height="72" role="cell" width="53.333333333333336" x="53.33333333333333" y="407">
   27    27 				<title>3</title>
   28    28 			</rect>
   29    -1 			<rect height="96.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="383.0">
   -1    29 			<rect height="96" role="cell" width="53.333333333333336" x="213.33333333333334" y="383">
   30    30 				<title>4</title>
   31    31 			</rect>
   32    -1 			<rect height="96.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="383.0">
   -1    32 			<rect height="96" role="cell" width="53.333333333333336" x="373.3333333333333" y="383">
   33    33 				<title>4</title>
   34    34 			</rect>
   35    -1 			<rect height="120.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="359.0">
   -1    35 			<rect height="120" role="cell" width="53.333333333333336" x="533.3333333333334" y="359">
   36    36 				<title>5</title>
   37    37 			</rect>
   38    38 		</g>
   39    39 		<g fill="#377eb8" role="row" stroke="white">
   40    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="359.0">
   -1    40 			<rect height="48" role="cell" width="53.333333333333336" x="53.33333333333333" y="359">
   41    41 				<title>2</title>
   42    42 			</rect>
   43    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="335.0">
   -1    43 			<rect height="48" role="cell" width="53.333333333333336" x="213.33333333333334" y="335">
   44    44 				<title>2</title>
   45    45 			</rect>
   46    -1 			<rect height="72.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="311.0">
   -1    46 			<rect height="72" role="cell" width="53.333333333333336" x="373.3333333333333" y="311">
   47    47 				<title>3</title>
   48    48 			</rect>
   49    -1 			<rect height="24.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="335.0">
   -1    49 			<rect height="24" role="cell" width="53.333333333333336" x="533.3333333333334" y="335">
   50    50 				<title>1</title>
   51    51 			</rect>
   52    52 		</g>
   53    53 		<g fill="#4daf4a" role="row" stroke="white">
   54    -1 			<rect height="120.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="239.0">
   -1    54 			<rect height="120" role="cell" width="53.333333333333336" x="53.33333333333333" y="239">
   55    55 				<title>5</title>
   56    56 			</rect>
   57    -1 			<rect height="72.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="263.0">
   -1    57 			<rect height="72" role="cell" width="53.333333333333336" x="213.33333333333334" y="263">
   58    58 				<title>3</title>
   59    59 			</rect>
   60    -1 			<rect height="96.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="215.0">
   -1    60 			<rect height="96" role="cell" width="53.333333333333336" x="373.3333333333333" y="215">
   61    61 				<title>4</title>
   62    62 			</rect>
   63    -1 			<rect height="48.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="287.0">
   -1    63 			<rect height="48" role="cell" width="53.333333333333336" x="533.3333333333334" y="287">
   64    64 				<title>2</title>
   65    65 			</rect>
   66    66 		</g>

diff --git a/tests/single_ColumnRenderer.svg b/tests/single_ColumnRenderer.svg

@@ -4,26 +4,26 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g fill="#e41a1c" role="row" stroke="white">
   17    -1 			<rect height="240.0" role="cell" width="53.333333333333336" x="53.333333333333336" y="239.0">
   -1    17 			<rect height="240" role="cell" width="53.333333333333336" x="53.333333333333336" y="239">
   18    18 				<title>3</title>
   19    19 			</rect>
   20    -1 			<rect height="320.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="159.0">
   -1    20 			<rect height="320" role="cell" width="53.333333333333336" x="213.33333333333334" y="159">
   21    21 				<title>4</title>
   22    22 			</rect>
   23    -1 			<rect height="320.0" role="cell" width="53.333333333333336" x="373.33333333333337" y="159.0">
   -1    23 			<rect height="320" role="cell" width="53.333333333333336" x="373.33333333333337" y="159">
   24    24 				<title>4</title>
   25    25 			</rect>
   26    -1 			<rect height="400.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="79.0">
   -1    26 			<rect height="400" role="cell" width="53.333333333333336" x="533.3333333333334" y="79">
   27    27 				<title>5</title>
   28    28 			</rect>
   29    29 		</g>

diff --git a/tests/single_LineRenderer.svg b/tests/single_LineRenderer.svg

@@ -4,27 +4,27 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<polyline fill="none" points="80,240 240,160 400,160 560,80" stroke="#e41a1c" />
   17    17 		<g fill="#e41a1c" role="row" stroke="white">
   18    -1 			<circle cx="80.0" cy="240.0" r="3" role="cell">
   -1    18 			<circle cx="80" cy="240" r="3" role="cell">
   19    19 				<title>3</title>
   20    20 			</circle>
   21    -1 			<circle cx="240.0" cy="160.0" r="3" role="cell">
   -1    21 			<circle cx="240" cy="160" r="3" role="cell">
   22    22 				<title>4</title>
   23    23 			</circle>
   24    -1 			<circle cx="400.0" cy="160.0" r="3" role="cell">
   -1    24 			<circle cx="400" cy="160" r="3" role="cell">
   25    25 				<title>4</title>
   26    26 			</circle>
   27    -1 			<circle cx="560.0" cy="80.0" r="3" role="cell">
   -1    27 			<circle cx="560" cy="80" r="3" role="cell">
   28    28 				<title>5</title>
   29    29 			</circle>
   30    30 		</g>

diff --git a/tests/single_StackedAreaRenderer.svg b/tests/single_StackedAreaRenderer.svg

@@ -4,27 +4,27 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<polyline fill="#e41a1c" points="80,239 240,159 400,159 560,79 560,479 400,479 240,479 80,479" stroke="white" />
   17    17 		<g fill="#e41a1c" role="row" stroke="white">
   18    -1 			<circle cx="80.0" cy="239.0" r="3" role="cell">
   -1    18 			<circle cx="80" cy="239" r="3" role="cell">
   19    19 				<title>3</title>
   20    20 			</circle>
   21    -1 			<circle cx="240.0" cy="159.0" r="3" role="cell">
   -1    21 			<circle cx="240" cy="159" r="3" role="cell">
   22    22 				<title>4</title>
   23    23 			</circle>
   24    -1 			<circle cx="400.0" cy="159.0" r="3" role="cell">
   -1    24 			<circle cx="400" cy="159" r="3" role="cell">
   25    25 				<title>4</title>
   26    26 			</circle>
   27    -1 			<circle cx="560.0" cy="79.0" r="3" role="cell">
   -1    27 			<circle cx="560" cy="79" r="3" role="cell">
   28    28 				<title>5</title>
   29    29 			</circle>
   30    30 		</g>

diff --git a/tests/single_StackedColumnRenderer.svg b/tests/single_StackedColumnRenderer.svg

@@ -4,26 +4,26 @@
    4     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
    5     5 		<g aria-hidden="true">
    6     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
    7    -1 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">3</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240">3</text>
    8     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">6</text>
    9     9 		</g>
   10    10 		<g role="row">
   11    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   12    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   13    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   14    -1 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80" y="490">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240" y="490">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400" y="490">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560" y="490">Bananas</text>
   15    15 		</g>
   16    16 		<g fill="#e41a1c" role="row" stroke="white">
   17    -1 			<rect height="240.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="239.0">
   -1    17 			<rect height="240" role="cell" width="53.333333333333336" x="53.33333333333333" y="239">
   18    18 				<title>3</title>
   19    19 			</rect>
   20    -1 			<rect height="320.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="159.0">
   -1    20 			<rect height="320" role="cell" width="53.333333333333336" x="213.33333333333334" y="159">
   21    21 				<title>4</title>
   22    22 			</rect>
   23    -1 			<rect height="320.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="159.0">
   -1    23 			<rect height="320" role="cell" width="53.333333333333336" x="373.3333333333333" y="159">
   24    24 				<title>4</title>
   25    25 			</rect>
   26    -1 			<rect height="400.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="79.0">
   -1    26 			<rect height="400" role="cell" width="53.333333333333336" x="533.3333333333334" y="79">
   27    27 				<title>5</title>
   28    28 			</rect>
   29    29 		</g>