added LineChart component

baseweb/static/js/components/LineChart.js

@@ -0,0 +1,34 @@
+Vue.component('LineChart', {
+  extends:  VueChartJs.Line,
+  mixins: [ VueChartJs.mixins.reactiveProp ],
+  props:  [ "options" ],
+  mounted: function() {
+    this.renderChart(this.chartData, this.merged_options);
+  },
+  computed: {
+    merged_options: function() {
+      return $.extend(true, this.default_options, this.options);
+    }
+  },
+  data : function() {
+    return {
+      default_options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        legend: {
+          display: false
+        },
+        animation: {
+          duration: 500
+        },
+        scales: {
+          yAxes: [{
+            ticks: {
+              beginAtZero: true
+            }
+          }]
+        }        
+      }
+    }
+  }
+});

baseweb/templates/main.html

@@ -124,6 +124,7 @@
     <script src="/static/js/components/PageWithBanner.js"></script>
     <script src="/static/js/components/PageWithStatus.js"></script>
     <script src="/static/js/components/CollectionView.js"></script>
+    <script src="/static/js/components/LineChart.js"></script>
 
     {% for file in components %}
     <script src="/app/{{ file }}"></script>