Improve graph quality with custom CSS

modules/__init__.py

@@ -1,4 +1,5 @@
 import os
+from tempfile import NamedTemporaryFile
 
 from PIL import Image, ImageDraw
 
@@ -18,6 +19,35 @@ class Config:
             self.fnt_RI_path = "/usr/share/fonts/TTF/LinBiolinum_RIah.ttf"
             self.fnt_RB_path = "/usr/share/fonts/TTF/LinBiolinum_RBah.ttf"
 
+        self.css_overlay = NamedTemporaryFile()
+        with open(self.css_overlay.name, 'w') as f:
+            f.write('''
+{{ id }} .bound {
+    font-size: 0.9em;
+}
+{{ id }} .gauge path {
+    fill-opacity: 1 !important;
+}
+{{ id }} .series .line {
+    stroke-width: 2 !important;
+}
+{{ id }} .x .guides .line {
+    stroke-width: 0 !important;
+}
+{{ id }} .y .guides .line {
+    stroke: #555;
+    stroke-width: 0.7;
+}
+{{ id }} .y .guides .line.axis {
+    stroke: #000;
+    stroke-width: 1;
+}
+            ''')
+
+        import pygal
+        self.pygal_config = pygal.Config()
+        self.pygal_config.css.append('file://' + self.css_overlay.name)
+
         from pygal.style import Style
         self.pygal_custom_style = Style(
             background='white',

modules/weather.py

@@ -188,7 +188,7 @@ class WeatherRainModule:
                 thisdayweather = WeatherAPI().get_daily()["data"][0]
 
 
-        gauge = pygal.SolidGauge(half_pie=True, inner_radius=0.70, width=width, height=height*1.55, style=config.pygal_custom_style, show_legend=False, margin_top=-height*0.58, margin_left=1, margin_right=1)
+        gauge = pygal.SolidGauge(config.pygal_config, half_pie=True, inner_radius=0.70, width=width, height=height*1.55, style=config.pygal_custom_style, show_legend=False, margin_top=-height*0.58, margin_left=1, margin_right=1)
         percent_formatter = lambda x: '{:.10g}%'.format(x)
         gauge.value_formatter = percent_formatter
 
@@ -222,17 +222,25 @@ class WeatherTemperatureModule:
         else:
                 thisdayweather = thisdayweather[0]
 
-        line_chart = pygal.Line(interpolate='cubic', width=width, height=height, inverse_y_axis=False, x_label_rotation=45, secondary_range=(0,100) if thisdayweather["precipProbability"] > 0 else (0,10), **config.charts_opts)
-        line_chart.value_formatter = lambda x: "%d" % x
-
         hours_weather = WeatherAPI().get_hourly()
 
+        hourly_min = 0
+        hourly_max = 0
+        for h in hours_weather["data"]:
+            if hourly_min > h["temperature"]:
+                hourly_min = h["temperature"]
+            if hourly_max < h["temperature"]:
+                hourly_max = h["temperature"]
+
+        line_chart = pygal.Line(config.pygal_config, interpolate='cubic', width=width+10, height=height, inverse_y_axis=False, x_label_rotation=45, range=(hourly_min, hourly_max), secondary_range=(0,100) if thisdayweather["precipProbability"] > 0 else (0,10), **config.charts_opts)
+        line_chart.value_formatter = lambda x: "%d" % x
+
         line_chart.x_labels = [WeatherAPI().read_timestamp(d["time"]).strftime("%Hh") if datetime.fromtimestamp(d["time"]).hour % 2 == 0 else "" for d in hours_weather["data"][:self.limit_futur]]
 
         line_chart.add('Températures', [d["temperature"] for d in hours_weather["data"][:self.limit_futur]], show_dots=False)
 
         if thisdayweather["precipProbability"] > 0:
-            line_chart.add('Précipitations', [d["precipProbability"] * 100 for d in hours_weather["data"][:self.limit_futur]], secondary=True, show_dots=False, fill=True)
+            line_chart.add('Précipitations', [d["precipProbability"] * 100 for d in hours_weather["data"][:self.limit_futur]], secondary=True, show_dots=False, fill=True if hourly_min == 0 else False)
         else:
             line_chart.add('Index UV', [d["uvIndex"] for d in hours_weather["data"][:self.limit_futur]], secondary=True, show_dots=False)