mirror of
https://github.com/MisskeyIO/misskey
synced 2024-12-22 10:38:16 +09:00
36 lines
488 B
TypeScript
36 lines
488 B
TypeScript
|
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',
|
||
|
distribution: 'series'
|
||
|
}]
|
||
|
}
|
||
|
}, this.opts || {}));
|
||
|
}
|
||
|
}
|
||
|
});
|