add consumption chart

app/rollerverbrauch/templates/statistics.html

@@ -54,6 +54,11 @@
                                 Odometer
                             </a>
                         </li>
+                        <li>
+                            <a href="#v{{vehicle.id}}_c3" id="i{{vehicle.id}}_c3" data-toggle="tab">
+                                Consumption
+                            </a>
+                        </li>
                     </ul>
                     <div id="my-tab-content" class="tab-content">
                         <div class="tab-pane active" id="v{{vehicle.id}}_c1">
@@ -76,6 +81,16 @@
                                 not enough data.
                             {% endif %}
                         </div>
+                       <div class="tab-pane " id="v{{vehicle.id}}_c3">
+                            {% if vehicle.pitstop_count > 0 %}
+    					        <div id="averageUsageDiv{{vehicle.id}}" style="width:100%; height:500px;"></div>
+                                <script type="text/javascript">
+                                    {{ chartScript('averageUsageDiv'+vehicle.id|str, vehicle.average_litres, 'l/100 km') }}
+                                </script>
+                            {% else %}
+                                not enough data.
+                            {% endif %}
+                        </div>
                     </div>
                 </div>
             {% endfor %}