search

victorgarciaesgi / vue-chart-3

📊 A simple wrapper around Chart.js 3 for Vue 2 & 3
https://vue-chart-3.netlify.app/
MIT License
309 stars 108 forks source link

Advanced axes, multi dataset, and histogram capabilities failure #116

Open aentwist opened 2 years ago

aentwist commented 2 years ago

Describe the bug

I need an advanced histogram, which I have created in Chart.js. When moving the exact same to vue-chart-3, it does not work. The reproduction uses two methods to showcase differences; Vue + vue-chart-3 and Vue + Chart.js, respectively.

To Reproduce

https://github.com/aentwist/vue-chart-3-histogram

Use yarn && yarn serve.

Version of vue-chart-3

^2.1.2

Version of Vue

Vue 2

victorgarciaesgi commented 2 years ago

Hi @aentwist Thanks for the reproductions it's very helpful, I will try to find the time to look at it

aentwist commented 2 years ago

By manually interacting with Chart.js and avoiding vue-chart-3, I was able to get things working. This can be considered a workaround.

aentwist commented 2 years ago

Note also that since Chart.js fails to provide a histogram type, people bend things a bit to create histograms. This might not fall under intended use, in which case this issue could be closed. See https://github.com/chartjs/Chart.js/issues/3900.