summaryrefslogtreecommitdiff
path: root/src/client/app/desktop/views/pages/admin/admin.chart.chart.ts
blob: 62043b21dc48a50ee8c568180e2516162b96f6e0 (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
import Vue from 'vue';
import { Line } from 'vue-chartjs';

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, Object.assign({
				responsive: false,
				scales: {
					xAxes: [{
						type: 'time',
						time: {
							displayFormats: {
								quarter: 'YYYY/MM/D h:mm'
							}
						},
						distribution: 'series'
					}]
				}
			}, this.opts || {}));
		}
	}
});