diff options
| author | Haishan <[email protected]> | 2020-10-31 18:18:04 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-11-01 17:42:52 +0800 |
| commit | ff1a39d04e53b428e34d46c55ecd6689189b5443 (patch) | |
| tree | 94a60abe3d28a1d729b877356bdd38d75ce655a5 /src/misc/chart.js | |
| parent | e62c9165481ef12ee2310dee1c32f890b3fe4b78 (diff) | |
chore: run ts-migrate
Diffstat (limited to 'src/misc/chart.js')
| -rw-r--r-- | src/misc/chart.js | 116 |
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; |
