summaryrefslogtreecommitdiff
path: root/src/client/app/desktop/views/components/charts.chart.ts
blob: 6a241631e9912cba1c1a7faaca503fd3fabad633 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import Vue from 'vue';
import { Line } from 'vue-chartjs';
import * as mergeOptions from 'merge-options';

export default Vue.extend({
	extends: Line,
	props: {
		data: {
			required: true
		},
		opts: {
			required: false
		}
	},
	watch: {
		data() {
			this.render();
		}
	},
	mounted() {
		this.render();
	},
	methods: {
		render() {
			this.renderChart(this.data, mergeOptions({
				responsive: true,
				maintainAspectRatio: false,
				scales: {
					xAxes: [{
						type: 'time',
						distribution: 'series'
					}]
				},
				tooltips: {
					intersect: false,
					mode: 'x',
					position: 'nearest'
				}
			}, this.opts || {}));
		}
	}
});