fill: red;
}
-#openweathermap-widget-15 {
+#openweathermap-widget-15, .c3 {
margin: 0 auto;
text-align: center;
padding-top: 1em;
+}
+
+#openweathermap-widget-15 {
width: 300px;
}
function dayschart(element, interval, days) {
var chart = c3.generate({
- bindto: element,
+ bindto: '#' + element,
+ size: {
+ width: document.getElementById(element).parentElement.clientWidth * 80 / 100
+ },
transition: {
duration: null
},
return '&begin=' + begin + '&end=' + end;
}
-dayschart('#chart1', 'Tag', 1);
-dayschart('#chart7', 'Woche', 7);
-dayschart('#chart31', 'Monat', 31);
-dayschart('#chart365', 'Jahr', 365);
+dayschart('chart1', 'Tag', 1);
+dayschart('chart7', 'Woche', 7);
+dayschart('chart31', 'Monat', 31);
+dayschart('chart365', 'Jahr', 365);