mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-01 07:35:57 +09:00
Code

🎨

Browse Source
This commit is contained in:
syuilo 2022-12-27 09:51:40 +09:00
parent 1aed1c587e
commit 40a16a47de
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/client/src/pages/admin/overview.heatmap.vue
View File

@ -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,