diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-05-11 14:38:34 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-05-11 14:38:34 +0900 |
| commit | 2d12f8b49ec0a4963b784d6d146d199d3b525a8f (patch) | |
| tree | 2cdde7134779378cb05768968591fe5f80a01c89 /src/client/pages/instance/instance.vue | |
| parent | コントロールパネルでログ見れるように (diff) | |
| download | sharkey-2d12f8b49ec0a4963b784d6d146d199d3b525a8f.tar.gz sharkey-2d12f8b49ec0a4963b784d6d146d199d3b525a8f.tar.bz2 sharkey-2d12f8b49ec0a4963b784d6d146d199d3b525a8f.zip | |
Improve rendering performance
Diffstat (limited to 'src/client/pages/instance/instance.vue')
| -rw-r--r-- | src/client/pages/instance/instance.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/client/pages/instance/instance.vue b/src/client/pages/instance/instance.vue index f52e5d866b..75a24bcb80 100644 --- a/src/client/pages/instance/instance.vue +++ b/src/client/pages/instance/instance.vue @@ -123,7 +123,7 @@ </template> <script lang="ts"> -import { defineComponent } from 'vue'; +import { defineComponent, markRaw } from 'vue'; import Chart from 'chart.js'; import XModalWindow from '@client/components/ui/modal-window.vue'; import MkUsersDialog from '@client/components/users-dialog.vue'; @@ -280,7 +280,7 @@ export default defineComponent({ } Chart.defaults.global.defaultFontColor = getComputedStyle(document.documentElement).getPropertyValue('--fg'); - this.chartInstance = new Chart(this.canvas, { + this.chartInstance = markRaw(new Chart(this.canvas, { type: 'line', data: { labels: new Array(chartLimit).fill(0).map((_, i) => this.getDate(i).toLocaleString()).slice().reverse(), @@ -331,7 +331,7 @@ export default defineComponent({ mode: 'index', } } - }); + })); }, getDate(ago: number) { |