diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 09:51:40 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 09:51:40 +0900 |
| commit | 40a16a47dedfa49b959bb718b43474b79ffa10e1 (patch) | |
| tree | 3d4b9cd8b700498579e61b41f5f701f1513d8acb /packages/client/src | |
| parent | enhance(client): heatmap for dashboard (diff) | |
| download | sharkey-40a16a47dedfa49b959bb718b43474b79ffa10e1.tar.gz sharkey-40a16a47dedfa49b959bb718b43474b79ffa10e1.tar.bz2 sharkey-40a16a47dedfa49b959bb718b43474b79ffa10e1.zip | |
:art:
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/pages/admin/overview.heatmap.vue | 9 |
1 files 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, |