vue-chartjs is a Vue.js wrapper for Chart.js. It allows you to create reuseable chart components in Vue.js
vue-chartjs
vue-chartjs is a wrapper for Chart.js in Vue.js and provides the creation of reuseable chart components.
Questions tagged [vue-chartjs]
416 questions
37
votes
8 answers
Vue Chart.js - Chart is not updating when data is changing
I'm using Vue.js and Chart.js to draw some charts.
Each time I call the function generateChart(), the chart is not updated automatically. When I check the data in Vue Devtools, they are correct but the chart does not reflect the data. However, the…
Léo Coco
- 4,022
- 11
- 52
- 97
12
votes
2 answers
Vue Chart.js - simple dot/line on bar chart
I'd need to add a simple dot/vertical line on my bar chart that has a dynamical X value, and 0 for Y value. Preview of what I need (the red dot):
Where the green values are dynamic.
Preview of my current state:
Where 3.30 should be the X…
Vucko
- 20,555
- 10
- 56
- 107
11
votes
3 answers
Vue-chartjs is rendering my responsive chart too tall for my window
I created a simple responsive HTML + JS chart with chart.js which worked well. I decided to do it within Vue CLI and so have tried to switch it to vue-chartjs but the same chart always renders about 33% taller than my window and so presents vertical…
bulletmark
- 229
- 1
- 2
- 6
10
votes
2 answers
using vue-chartjs in vue 3 : createElement is not a function
I'm using Vue.js 3 and I can't make a chart with Vue-chartjs because of this error:
Uncaught TypeError: createElement is not a function
at Proxy.render (BaseCharts.js?86fc:8)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:673)
…
Levi007
- 315
- 1
- 3
- 13
8
votes
1 answer
vue-chartjs reactive data error
I am trying to use reactive data mixin for vue-chartjs
The mounted function to set the initial data is working and I can see the chart correctly using the API response:
fetchSessionTrends() {
axios.get(endpoint)
.then(({data}) => {
…
yoyoma
- 3,336
- 6
- 27
- 42
6
votes
1 answer
Horizontal scroll in vue-chartjs
I have a question about vue-chartjs. I need to achieve a result like this one in jsfiddle: http://jsfiddle.net/mbhavfwm/
Here is my vuejs component's code (Chart data is sent by params).