node_modules

node_modules/vue-chartjs/es/examples/BarExample.js

@@ -0,0 +1,17 @@
+import { Bar } from '../BaseCharts';
+export default {
+  extends: Bar,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+      datasets: [{
+        label: 'Data One',
+        backgroundColor: '#f87979',
+        data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/BubbleExample.js

@@ -0,0 +1,44 @@
+import { Bubble } from '../BaseCharts';
+export default {
+  extends: Bubble,
+  mounted: function mounted() {
+    this.renderChart({
+      datasets: [{
+        label: 'Data One',
+        backgroundColor: '#f87979',
+        data: [{
+          x: 20,
+          y: 25,
+          r: 5
+        }, {
+          x: 40,
+          y: 10,
+          r: 10
+        }, {
+          x: 30,
+          y: 22,
+          r: 30
+        }]
+      }, {
+        label: 'Data Two',
+        backgroundColor: '#7C8CF8',
+        data: [{
+          x: 10,
+          y: 30,
+          r: 15
+        }, {
+          x: 20,
+          y: 20,
+          r: 10
+        }, {
+          x: 15,
+          y: 8,
+          r: 30
+        }]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/CustomExample.js

@@ -0,0 +1,44 @@
+import Chart from 'chart.js';
+import { generateChart } from '../BaseCharts';
+Chart.defaults.LineWithLine = Chart.defaults.line;
+Chart.controllers.LineWithLine = Chart.controllers.line.extend({
+  draw: function draw(ease) {
+    Chart.controllers.line.prototype.draw.call(this, ease);
+
+    if (this.chart.tooltip._active && this.chart.tooltip._active.length) {
+      var activePoint = this.chart.tooltip._active[0];
+      var ctx = this.chart.ctx;
+      var x = activePoint.tooltipPosition().x;
+      var topY = this.chart.scales['y-axis-0'].top;
+      var bottomY = this.chart.scales['y-axis-0'].bottom;
+      ctx.save();
+      ctx.beginPath();
+      ctx.moveTo(x, topY);
+      ctx.lineTo(x, bottomY);
+      ctx.lineWidth = 2;
+      ctx.strokeStyle = '#07C';
+      ctx.stroke();
+      ctx.restore();
+    }
+  }
+});
+var LineWithLine = generateChart('line-with-chart', 'LineWithLine');
+export default {
+  extends: LineWithLine,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+      datasets: [{
+        label: 'Data One',
+        backgroundColor: '#f87979',
+        data: [40, 39, 10, 40, 39, 80, 40]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false,
+      tooltips: {
+        intersect: false
+      }
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/DoughnutExample.js

@@ -0,0 +1,16 @@
+import { Doughnut } from '../BaseCharts';
+export default {
+  extends: Doughnut,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['VueJs', 'EmberJs', 'ReactJs', 'AngularJs'],
+      datasets: [{
+        backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16'],
+        data: [40, 20, 80, 10]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/HorizontalBarExample.js

@@ -0,0 +1,17 @@
+import { HorizontalBar } from '../BaseCharts';
+export default {
+  extends: HorizontalBar,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+      datasets: [{
+        label: 'Data One',
+        backgroundColor: '#f87979',
+        data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/LineExample.js

@@ -0,0 +1,17 @@
+import { Line } from '../BaseCharts';
+export default {
+  extends: Line,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+      datasets: [{
+        label: 'Data One',
+        backgroundColor: '#f87979',
+        data: [40, 39, 10, 40, 39, 80, 40]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/PieExample.js

@@ -0,0 +1,16 @@
+import { Pie } from '../BaseCharts';
+export default {
+  extends: Pie,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['VueJs', 'EmberJs', 'ReactJs', 'AngularJs'],
+      datasets: [{
+        backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16'],
+        data: [40, 20, 80, 10]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/PolarAreaExample.js

@@ -0,0 +1,29 @@
+import { PolarArea } from '../BaseCharts';
+export default {
+  extends: PolarArea,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
+      datasets: [{
+        label: 'My First dataset',
+        backgroundColor: 'rgba(179,181,198,0.2)',
+        pointBackgroundColor: 'rgba(179,181,198,1)',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgba(179,181,198,1)',
+        data: [65, 59, 90, 81, 56, 55, 40]
+      }, {
+        label: 'My Second dataset',
+        backgroundColor: 'rgba(255,99,132,0.2)',
+        pointBackgroundColor: 'rgba(255,99,132,1)',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgba(255,99,132,1)',
+        data: [28, 48, 40, 19, 96, 27, 100]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/RadarExample.js

@@ -0,0 +1,31 @@
+import { Radar } from '../BaseCharts';
+export default {
+  extends: Radar,
+  mounted: function mounted() {
+    this.renderChart({
+      labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
+      datasets: [{
+        label: 'My First dataset',
+        backgroundColor: 'rgba(179,181,198,0.2)',
+        borderColor: 'rgba(179,181,198,1)',
+        pointBackgroundColor: 'rgba(179,181,198,1)',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgba(179,181,198,1)',
+        data: [65, 59, 90, 81, 56, 55, 40]
+      }, {
+        label: 'My Second dataset',
+        backgroundColor: 'rgba(255,99,132,0.2)',
+        borderColor: 'rgba(255,99,132,1)',
+        pointBackgroundColor: 'rgba(255,99,132,1)',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgba(255,99,132,1)',
+        data: [28, 48, 40, 19, 96, 27, 100]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};

node_modules/vue-chartjs/es/examples/ReactiveExample.js

@@ -0,0 +1,41 @@
+import { Bar } from '../BaseCharts';
+import { reactiveData } from '../mixins';
+export default {
+  extends: Bar,
+  mixins: [reactiveData],
+  data: function data() {
+    return {
+      chartData: '',
+      options: {
+        responsive: true,
+        maintainAspectRatio: false
+      }
+    };
+  },
+  created: function created() {
+    this.fillData();
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    this.renderChart(this.chartData, this.options);
+    setInterval(function () {
+      _this.fillData();
+    }, 5000);
+  },
+  methods: {
+    fillData: function fillData() {
+      this.chartData = {
+        labels: ['January' + this.getRandomInt(), 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+        datasets: [{
+          label: 'Data One',
+          backgroundColor: '#f87979',
+          data: [this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt(), this.getRandomInt()]
+        }]
+      };
+    },
+    getRandomInt: function getRandomInt() {
+      return Math.floor(Math.random() * (50 - 5 + 1)) + 5;
+    }
+  }
+};

node_modules/vue-chartjs/es/examples/ReactivePropExample.js

@@ -0,0 +1,17 @@
+import { Bar } from '../BaseCharts';
+import { reactiveProp } from '../mixins';
+export default {
+  extends: Bar,
+  mixins: [reactiveProp],
+  data: function data() {
+    return {
+      options: {
+        responsive: true,
+        maintainAspectRatio: false
+      }
+    };
+  },
+  mounted: function mounted() {
+    this.renderChart(this.chartData, this.options);
+  }
+};

node_modules/vue-chartjs/es/examples/ScatterExample.js

@@ -0,0 +1,54 @@
+import { Scatter } from '../BaseCharts';
+export default {
+  extends: Scatter,
+  mounted: function mounted() {
+    this.renderChart({
+      datasets: [{
+        label: 'Scatter Dataset 1',
+        fill: false,
+        borderColor: '#f87979',
+        backgroundColor: '#f87979',
+        data: [{
+          x: -2,
+          y: 4
+        }, {
+          x: -1,
+          y: 1
+        }, {
+          x: 0,
+          y: 0
+        }, {
+          x: 1,
+          y: 1
+        }, {
+          x: 2,
+          y: 4
+        }]
+      }, {
+        label: 'Scatter Dataset 2',
+        fill: false,
+        borderColor: '#7acbf9',
+        backgroundColor: '#7acbf9',
+        data: [{
+          x: -2,
+          y: -4
+        }, {
+          x: -1,
+          y: -1
+        }, {
+          x: 0,
+          y: 1
+        }, {
+          x: 1,
+          y: -1
+        }, {
+          x: 2,
+          y: -4
+        }]
+      }]
+    }, {
+      responsive: true,
+      maintainAspectRatio: false
+    });
+  }
+};