From 2f9de0c7651d52adadcda8c17d3e523f4be7634d Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 10 Dec 2022 16:39:04 +0900
Subject: [PATCH] re-enable chartjs-plugin-gradient
---
packages/client/src/components/MkChart.vue | 12 +++++-------
1 file changed, 5 insertions(+), 7 deletions(-)
diff --git a/packages/client/src/components/MkChart.vue b/packages/client/src/components/MkChart.vue
index 31e95404fa..29dac3c9cb 100644
--- a/packages/client/src/components/MkChart.vue
+++ b/packages/client/src/components/MkChart.vue
@@ -34,9 +34,7 @@ import {
import 'chartjs-adapter-date-fns';
import { enUS } from 'date-fns/locale';
import zoomPlugin from 'chartjs-plugin-zoom';
-// https://github.com/misskey-dev/misskey/pull/8575#issuecomment-1114242002
-// We can't use gradient because Vite throws a error.
-//import gradient from 'chartjs-plugin-gradient';
+import gradient from 'chartjs-plugin-gradient';
import * as os from '@/os';
import { defaultStore } from '@/store';
import { useChartTooltip } from '@/scripts/use-chart-tooltip';
@@ -97,7 +95,7 @@ Chart.register(
SubTitle,
Filler,
zoomPlugin,
- //gradient,
+ gradient,
);
const sum = (...arr) => arr.reduce((r, a) => r.map((b, i) => a[i] + b));
@@ -191,7 +189,7 @@ const render = () => {
borderJoinStyle: 'round',
borderRadius: props.bar ? 3 : undefined,
backgroundColor: props.bar ? (x.color ? x.color : getColor(i)) : alpha(x.color ? x.color : getColor(i), 0.1),
- /*gradient: props.bar ? undefined : {
+ gradient: props.bar ? undefined : {
backgroundColor: {
axis: 'y',
colors: {
@@ -199,7 +197,7 @@ const render = () => {
[maxes[i]]: alpha(x.color ? x.color : getColor(i), 0.2),
},
},
- },*/
+ },
barPercentage: 0.9,
categoryPercentage: 0.9,
fill: x.type === 'area',
@@ -310,7 +308,7 @@ const render = () => {
},
},
} : undefined,
- //gradient,
+ gradient,
},
},
plugins: [{