This commit is contained in:
syuilo 2022-12-27 09:51:40 +09:00
parent 1aed1c587e
commit 40a16a47de

View file

@ -64,7 +64,8 @@ const alpha = (hex, a) => {
const chartEl = $ref<HTMLCanvasElement>(null); const chartEl = $ref<HTMLCanvasElement>(null);
const now = new Date(); const now = new Date();
let chartInstance: Chart = null; let chartInstance: Chart = null;
const chartLimit = 7 * 20; const weeks = 25;
const chartLimit = 7 * weeks;
let fetching = $ref(true); let fetching = $ref(true);
const { handler: externalTooltipHandler } = useChartTooltip({ const { handler: externalTooltipHandler } = useChartTooltip({
@ -119,7 +120,7 @@ async function renderChart() {
pointRadius: 0, pointRadius: 0,
borderWidth: 0, borderWidth: 0,
borderJoinStyle: 'round', borderJoinStyle: 'round',
borderRadius: 4, borderRadius: 3,
backgroundColor(c) { backgroundColor(c) {
const value = c.dataset.data[c.dataIndex].v; const value = c.dataset.data[c.dataIndex].v;
const a = value / max; const a = value / max;
@ -129,7 +130,7 @@ async function renderChart() {
width(c) { width(c) {
const a = c.chart.chartArea ?? {}; const a = c.chart.chartArea ?? {};
// 20 // 20
return (a.right - a.left) / 20 - marginEachCell; return (a.right - a.left) / weeks - marginEachCell;
}, },
height(c) { height(c) {
const a = c.chart.chartArea ?? {}; const a = c.chart.chartArea ?? {};
@ -139,7 +140,7 @@ async function renderChart() {
}], }],
}, },
options: { options: {
aspectRatio: 2.8, aspectRatio: 3.2,
layout: { layout: {
padding: { padding: {
left: 8, left: 8,