summaryrefslogtreecommitdiff
path: root/src/misc/chart.js
diff options
context:
space:
mode:
authorHaishan <[email protected]>2020-10-31 18:18:04 +0800
committerHaishan <[email protected]>2020-11-01 17:42:52 +0800
commitff1a39d04e53b428e34d46c55ecd6689189b5443 (patch)
tree94a60abe3d28a1d729b877356bdd38d75ce655a5 /src/misc/chart.js
parente62c9165481ef12ee2310dee1c32f890b3fe4b78 (diff)
chore: run ts-migrate
Diffstat (limited to 'src/misc/chart.js')
-rw-r--r--src/misc/chart.js116
1 files changed, 0 insertions, 116 deletions
diff --git a/src/misc/chart.js b/src/misc/chart.js
deleted file mode 100644
index 9e2c459..0000000
--- a/src/misc/chart.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import { unstable_createResource as createResource } from '@hsjs/react-cache';
-
-import prettyBytes from './pretty-bytes';
-
-export const chartJSResource = createResource(() => {
- return import(
- /* webpackChunkName: "chartjs" */
- /* webpackPrefetch: true */
- /* webpackPreload: true */
- 'chart.js/dist/Chart.min.js'
- ).then((c) => c.default);
-});
-
-export const commonDataSetProps = {
- borderWidth: 1,
- lineTension: 0,
- pointRadius: 0,
-};
-
-export const commonChartOptions = {
- responsive: true,
- maintainAspectRatio: true,
- title: {
- display: false,
- },
- legend: {
- display: true,
- position: 'top',
- labels: {
- fontColor: '#ccc',
- boxWidth: 20,
- },
- },
- tooltips: {
- enabled: false,
- mode: 'index',
- intersect: false,
- animationDuration: 100,
- },
- hover: {
- mode: 'nearest',
- intersect: true,
- },
- scales: {
- xAxes: [
- {
- display: false,
- gridLines: {
- display: false,
- },
- },
- ],
- yAxes: [
- {
- display: true,
- gridLines: {
- display: true,
- color: '#555',
- borderDash: [3, 6],
- drawBorder: false,
- },
- ticks: {
- callback(value) {
- return prettyBytes(value) + '/s ';
- },
- },
- },
- ],
- },
-};
-
-export const chartStyles = [
- {
- down: {
- backgroundColor: 'rgba(176, 209, 132, 0.8)',
- borderColor: 'rgb(176, 209, 132)',
- },
- up: {
- backgroundColor: 'rgba(181, 220, 231, 0.8)',
- borderColor: 'rgb(181, 220, 231)',
- },
- },
- {
- up: {
- backgroundColor: 'rgb(98, 190, 100)',
- borderColor: 'rgb(78,146,79)',
- },
- down: {
- backgroundColor: 'rgb(160, 230, 66)',
- borderColor: 'rgb(110, 156, 44)',
- },
- },
- {
- up: {
- backgroundColor: 'rgba(94, 175, 223, 0.3)',
- borderColor: 'rgb(94, 175, 223)',
- },
- down: {
- backgroundColor: 'rgba(139, 227, 195, 0.3)',
- borderColor: 'rgb(139, 227, 195)',
- },
- },
- {
- up: {
- backgroundColor: 'rgba(242, 174, 62, 0.3)',
- borderColor: 'rgb(242, 174, 62)',
- },
- down: {
- backgroundColor: 'rgba(69, 154, 248, 0.3)',
- borderColor: 'rgb(69, 154, 248)',
- },
- },
-];
-
-// TODO to remove
-export const colorCombo = chartStyles;