summaryrefslogtreecommitdiff
path: root/src/misc/chart-memory.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/misc/chart-memory.ts')
-rw-r--r--src/misc/chart-memory.ts139
1 files changed, 0 insertions, 139 deletions
diff --git a/src/misc/chart-memory.ts b/src/misc/chart-memory.ts
deleted file mode 100644
index aca9982..0000000
--- a/src/misc/chart-memory.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { createAsset } from 'use-asset';
-
-import prettyBytes from './pretty-bytes';
-export const chartJSResource = createAsset(() => {
- return import('~/misc/chart-lib');
-});
-
-export const commonDataSetProps = {
- borderWidth: 1.5,
- pointRadius: 0,
- tension: 0.4,
- fill: true,
- pointHitRadius: 10,
- pointHoverRadius: 4,
-};
-
-export const memoryChartOptions: any = {
- responsive: true,
- maintainAspectRatio: false,
- parsing: false,
- animation: {
- duration: 1000,
- easing: 'linear',
- },
- animations: {
- y: {
- duration: 0,
- },
- x: {
- duration: 0,
- },
- },
- transitions: {
- active: {
- animation: {
- duration: 0,
- },
- },
- },
- elements: {
- line: {
- tension: 0.4,
- },
- },
- interaction: {
- mode: 'index',
- intersect: false,
- },
- plugins: {
- legend: {
- display: true,
- position: 'top',
- align: 'end',
- labels: {
- boxWidth: 12,
- usePointStyle: true,
- pointStyle: 'circle',
- padding: 15,
- },
- },
- tooltip: {
- enabled: true,
- mode: 'index',
- intersect: false,
- padding: 10,
- backgroundColor: 'rgba(0, 0, 0, 0.7)',
- titleColor: '#fff',
- bodyColor: '#fff',
- borderColor: 'rgba(255, 255, 255, 0.1)',
- borderWidth: 1,
- callbacks: {
- label(context) {
- let label = context.dataset.label || '';
- if (label) {
- label += ': ';
- }
- if (context.parsed.y !== null) {
- label += prettyBytes(context.parsed.y);
- }
- return label;
- },
- },
- },
- },
- scales: {
- x: {
- type: 'time',
- display: false,
- },
- y: {
- type: 'linear',
- display: true,
- beginAtZero: true,
- grace: '5%',
- grid: {
- display: true,
- color: 'rgba(128, 128, 128, 0.1)',
- drawTicks: false,
- },
- border: {
- display: false,
- dash: [5, 5],
- },
- ticks: {
- maxTicksLimit: 3,
- callback(value: number) {
- return prettyBytes(value);
- },
- },
- },
- },
-};
-
-export const chartStyles = [
- {
- inuse: {
- backgroundColor: 'rgba(81, 168, 221, 0.5)',
- borderColor: 'rgb(81, 168, 221)',
- },
- },
- {
- inuse: {
- backgroundColor: 'rgba(245,78,162,0.6)',
- borderColor: 'rgba(245,78,162,1)',
- },
- },
- {
- inuse: {
- backgroundColor: 'rgba(94, 175, 223, 0.3)',
- borderColor: 'rgb(94, 175, 223)',
- },
- },
- {
- inuse: {
- backgroundColor: 'rgba(242, 174, 62, 0.3)',
- borderColor: 'rgb(242, 174, 62)',
- },
- },
-];