search

razorness / vue3-calendar-heatmap

A lightweight calendar heatmap Vue 3 component built on SVG, inspired by julienr114's vue-calendar-heatmap and github's contribution calendar graph
https://razorness.github.io/vue3-calendar-heatmap
MIT License
92 stars 18 forks source link

Some issues with heatmap #3

Open omert08 opened 3 years ago

omert08 commented 3 years ago

Hi,

First, thanks for this valuable repository.

We have implemented the heatmap in a project, we provide "values" and "end-date" but can't see the data visualized in the heatmap.

Also, does the "round" attribute work? It seems like doesn't work on my end.

One last thing, is this repo support NuxtJS?

Thanks, Omer

razorness commented 3 years ago

Hey, omert08, did you try to clone this repo and run yarn && yarn serve?

I didn't test this package with NuxtJS.

I just tested in my project with current version of vue3-calendar-heatmap and using :round="5" looks like this:

image

razorness commented 3 years ago

A complete example can be found here:

https://github.com/razorness/vue3-calendar-heatmap/blob/master/src/App.vue

omert08 commented 3 years ago

Thanks razorness, I will check on my end and get back to you.

productdevbook commented 2 years ago

square size how to change ? and diffrent size change height witdh 10px-20px example

razorness commented 2 years ago

@productdevbook you can only manage display size in a whole because it's pure SVG. If you need this features, your PR is welcome.