Align title with x axis.

wireservice · May 19, 2016 · 7af3d9c · 7af3d9c
1 parent fc6305e
commit 7af3d9c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/docs/example.svg b/docs/example.svg
diff --git a/leather/axis.py b/leather/axis.py
@@ -91,7 +91,7 @@ def to_svg(self, width, height, scale, orient):
                 fill=theme.label_color
             )
             label.set('text-anchor', text_anchor)
-            label.set('font-family', 'Monaco')
+            label.set('font-family', theme.tick_font_family)    
             label.text = six.text_type(value)
 
             tick_group.append(tick)

diff --git a/leather/chart.py b/leather/chart.py
@@ -203,6 +203,8 @@ def to_svg_group(self, width, height, margin=None):
         axes_group.append(x_axis.to_svg(canvas_width, canvas_height, x_scale, 'bottom'))
         axes_group.append(y_axis.to_svg(canvas_width, canvas_height, y_scale, 'left'))
 
+        header_group.set('transform', svg.translate(left_margin, 0))
+
         # Series
         series_group = ET.Element('g')
 

diff --git a/leather/theme.py b/leather/theme.py
@@ -8,7 +8,7 @@
 title_color = '#333'
 title_font_family = 'Monaco'
 title_font_size = 16
-title_font_char_height = 20
+title_font_char_height = 18
 title_font_char_width = 9
 
 # Tick lines