rudeshark.net/src/client/app/desktop/views/components/charts.chart.ts

43 lines
652 B
TypeScript
Raw Normal View History

2018-08-23 22:37:19 +02:00
import Vue from 'vue';
import { Line } from 'vue-chartjs';
2018-08-24 00:02:52 +02:00
import * as mergeOptions from 'merge-options';
2018-08-23 22:37:19 +02:00
export default Vue.extend({
extends: Line,
props: {
data: {
required: true
},
opts: {
required: false
}
},
watch: {
data() {
this.render();
}
},
mounted() {
this.render();
},
methods: {
render() {
2018-08-24 00:02:52 +02:00
this.renderChart(this.data, mergeOptions({
2018-08-24 00:17:17 +02:00
responsive: true,
maintainAspectRatio: false,
2018-08-23 22:37:19 +02:00
scales: {
xAxes: [{
type: 'time',
distribution: 'series'
}]
2018-08-24 01:56:57 +02:00
},
tooltips: {
2018-08-24 02:39:16 +02:00
intersect: false,
mode: 'x',
position: 'nearest'
2018-08-23 22:37:19 +02:00
}
}, this.opts || {}));
}
}
});