dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-24 22:16:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

chart.js upgrade, title plugin works

Browse Source
This commit is contained in:
Jan Prochazka
2021-11-11 11:44:06 +01:00
parent fc984da9d3
commit 423bd3f223
4 changed files with 40 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/web/src/charts/ChartCore.svelte
View File

@@ -1,6 +1,11 @@
<script lang="ts" context="module">
import Chart from 'chart.js/auto';
import 'chartjs-adapter-moment';
</script>
<script lang="ts">
import { onMount, afterUpdate, onDestroy } from 'svelte';
import Chart from 'chart.js';
import contextMenu from '../utility/contextMenu';
export let data;
@@ -27,10 +32,14 @@
if (!chart) return;
chart.data = data;
chart.type = type;
chart.options = options;
chart.plugins = plugins;
chart.options = {
...options,
plugins,
};
// chart.plugins = plugins;
chart.update();
});
onDestroy(() => {
chart = null;
});

34
packages/web/src/charts/DataChart.svelte
View File

@@ -23,27 +23,25 @@
};
if (timeAxis && chartType === 'line') {
res.scales = {
xAxes: [
{
type: 'time',
distribution: 'linear',
x: {
type: 'time',
distribution: 'linear',
time: {
tooltipFormat: 'D. M. YYYY HH:mm',
displayFormats: {
millisecond: 'HH:mm:ss.SSS',
second: 'HH:mm:ss',
minute: 'HH:mm',
hour: 'D.M hA',
day: 'D. M.',
week: 'D. M. YYYY',
month: 'MM-YYYY',
quarter: '[Q]Q - YYYY',
year: 'YYYY',
},
time: {
tooltipFormat: 'D. M. YYYY HH:mm',
displayFormats: {
millisecond: 'HH:mm:ss.SSS',
second: 'HH:mm:ss',
minute: 'HH:mm',
hour: 'D.M hA',
day: 'D. M.',
week: 'D. M. YYYY',
month: 'MM-YYYY',
quarter: '[Q]Q - YYYY',
year: 'YYYY',
},
},
],
},
};
}
return res;