🎨
This commit is contained in:
parent
1aed1c587e
commit
40a16a47de
1 changed files with 5 additions and 4 deletions
|
@ -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,
|
||||||
|
|
Loading…
Reference in a new issue