github pages - No color displayed based on the provided values in cal-heatmap

I created a Github Pages with cal-heatmap as shown in the code snippet index.html below. However, no color displayed based on the provided values.

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src=".v7.min.js"></script>
<script src=".min.js"></script>
<link rel="stylesheet" href=".css">
<title>Monthly Activity</title> </head> <body>
<h1>Monthly Activity</h1>
<div id="cal-heatmap"></div>
<script type="module">
    const currentDate = new Date(); 
    const startDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1); 

    const cal = new CalHeatmap();
    cal.paint({
        itemSelector: "#cal-heatmap",
        date: { start: startDate },
        range: 3,
        domain: { type: "month", gutter: 10 },
        subDomain: { type: "xDay", label: 'DD'},
        data: [
                {
                    date: "2025-03-01",
                    value: 1
                },
                {
                    date: "2025-03-02",
                    value: 58
                },
                {
                    date: "2025-04-12",
                    value: 400
                }
            ],
        scale: {
            color: { type: "linear", scheme: 'Cool', domain: [1, 500] }
        }
    });
</script> </body> </html>

cat-heatmap

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

github pages - No color displayed based on the provided values in cal-heatmap - Stack Overflow

与本文相关的文章

评论列表(0)