From 40a16a47dedfa49b959bb718b43474b79ffa10e1 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Tue, 27 Dec 2022 09:51:40 +0900
Subject: [PATCH] :art:
---
packages/client/src/pages/admin/overview.heatmap.vue | 9 +++++----
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/packages/client/src/pages/admin/overview.heatmap.vue b/packages/client/src/pages/admin/overview.heatmap.vue
index ce5b684ae8..db70796c52 100644
--- a/packages/client/src/pages/admin/overview.heatmap.vue
+++ b/packages/client/src/pages/admin/overview.heatmap.vue
@@ -64,7 +64,8 @@ const alpha = (hex, a) => {
const chartEl = $ref<HTMLCanvasElement>(null);
const now = new Date();
let chartInstance: Chart = null;
-const chartLimit = 7 * 20;
+const weeks = 25;
+const chartLimit = 7 * weeks;
let fetching = $ref(true);
const { handler: externalTooltipHandler } = useChartTooltip({
@@ -119,7 +120,7 @@ async function renderChart() {
pointRadius: 0,
borderWidth: 0,
borderJoinStyle: 'round',
- borderRadius: 4,
+ borderRadius: 3,
backgroundColor(c) {
const value = c.dataset.data[c.dataIndex].v;
const a = value / max;
@@ -129,7 +130,7 @@ async function renderChart() {
width(c) {
const a = c.chart.chartArea ?? {};
// 20週間
- return (a.right - a.left) / 20 - marginEachCell;
+ return (a.right - a.left) / weeks - marginEachCell;
},
height(c) {
const a = c.chart.chartArea ?? {};
@@ -139,7 +140,7 @@ async function renderChart() {
}],
},
options: {
- aspectRatio: 2.8,
+ aspectRatio: 3.2,
layout: {
padding: {
left: 8,