diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-08 20:02:07 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-08 20:02:07 +0900 |
| commit | 1d7e0293a8beb68aadaf4d0870822d12cbb45d64 (patch) | |
| tree | 8cdf379a79bf5262f17334b871661b7e4e887b87 | |
| parent | fix typo (#9492) (diff) | |
| download | sharkey-1d7e0293a8beb68aadaf4d0870822d12cbb45d64.tar.gz sharkey-1d7e0293a8beb68aadaf4d0870822d12cbb45d64.tar.bz2 sharkey-1d7e0293a8beb68aadaf4d0870822d12cbb45d64.zip | |
fix following chart
| -rw-r--r-- | packages/frontend/src/pages/user/activity.following.vue | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/packages/frontend/src/pages/user/activity.following.vue b/packages/frontend/src/pages/user/activity.following.vue index b7a51d5b69..500995e392 100644 --- a/packages/frontend/src/pages/user/activity.following.vue +++ b/packages/frontend/src/pages/user/activity.following.vue @@ -34,7 +34,7 @@ const chartEl = $shallowRef<HTMLCanvasElement>(null); let legendEl = $shallowRef<InstanceType<typeof MkChartLegend>>(); const now = new Date(); let chartInstance: Chart = null; -const chartLimit = 50; +const chartLimit = 30; let fetching = $ref(true); const { handler: externalTooltipHandler } = useChartTooltip(); @@ -77,7 +77,8 @@ async function renderChart() { borderWidth: 0, borderJoinStyle: 'round', borderRadius: 4, - barPercentage: 0.9, + barPercentage: 0.7, + categoryPercentage: 0.7, fill: true, } satisfies ChartDataset, extra); } @@ -86,10 +87,10 @@ async function renderChart() { type: 'bar', data: { datasets: [ - makeDataset('Follow (local)', format(raw.local.followings.inc).slice().reverse(), { backgroundColor: colorFollowLocal }), - makeDataset('Follow (remote)', format(raw.remote.followings.inc).slice().reverse(), { backgroundColor: colorFollowRemote }), - makeDataset('Followed (local)', format(raw.local.followers.inc).slice().reverse(), { backgroundColor: colorFollowedLocal }), - makeDataset('Followed (remote)', format(raw.remote.followers.inc).slice().reverse(), { backgroundColor: colorFollowedRemote }), + makeDataset('Follow (local)', format(raw.local.followings.inc).slice().reverse(), { backgroundColor: colorFollowLocal, stack: 'follow' }), + makeDataset('Follow (remote)', format(raw.remote.followings.inc).slice().reverse(), { backgroundColor: colorFollowRemote, stack: 'follow' }), + makeDataset('Followed (local)', format(raw.local.followers.inc).slice().reverse(), { backgroundColor: colorFollowedLocal, stack: 'followed' }), + makeDataset('Followed (remote)', format(raw.remote.followers.inc).slice().reverse(), { backgroundColor: colorFollowedRemote, stack: 'followed' }), ], }, options: { |