score:6
Accepted answer
https://github.com/apertureless/vue-chartjs
Vue Charts does not seem to be ready for vue3
Compatibility
v1 later @legacy
Vue.js 1.x
v2 later
Vue.js 2.x
Discussion about vue3 here: https://github.com/apertureless/vue-chartjs/issues/601 and here: https://github.com/apertureless/vue-chartjs/issues/637
score:12
According to this issue this library doesn't support Vue 3 yet, and the origin of this error could explained here :
in vue 2 we do the following to create a render function :
export default {
render(createElement ) { // createElement could be written h
return createElement('div')
}
}
in Vue 3 :
import { h } from 'vue'
export default {
render() {
return h('div')
}
}
which means that createElement
is undefined
Source: stackoverflow.com
Related Query
- using vue-chartjs in vue 3 : createElement is not a function
- $(...).getContext("2d") is not a function when using chart.js
- code works fine on jsfiddle but one function is not working on website
- Chartjs not working with d3 from csv source
- Vue ChartJS is not updating
- ChartJS not displaying time data using Moment.js
- ChartJS not working in Vue
- ChartJS does not display when using local Chart.js file
- Bar Chart Not Stacking When Using ChartJs
- Can I use a custom data format when using Vue + Chartjs
- Chart.js not resorting rows based on plugin after using update function
- Multiple data sets not working when using ChartJS
- chartjs chart.update() function not rendering lines in foreground
- Chartjs backgroundColor for line chart does not appear in Vue app
- ChartJS Bar Chart not respecting disabled legend when using cdn
- Vue chartjs is not rendering from API
- Using chartJs in a Vue Component and a Webpack cli setup
- PHP/Laravel - Chartjs implode does not function
- I am using chart js to draw a chart. I did everything right but i don't know why the x axis and y axis label is not comming in chart. code below
- Vue + chartjs : Nearest point on hover tooltip not working
- Tooltip is not displayed when using annotation in ChartJs
- My Chartjs is not updating after setstate full code attached Reactjs Update
- How to fix map is not function even there is already set data in the useState using React Hook
- chartjs line graph destroy function is not clearing the old chart instances
- 'require is not defined' error when attempting to use chartjs in javascript code
- updating chartjs pie chart by using .keypress() not working
- How to run Chart.js samples using source code
- Chartjs / Javascript - My function not returning array properly, but console logs okay
- ChartJs Angular directive - chart[chartType] is not a function
- ChartJS TypeError: document.getElementById(...).getContext is not a function
More Query from same tag
- Chart.js adds unwanted padding on top and below chart with padding set to 0
- Label not showing in Chart.js with Grails
- Javascript How to give color using conditional statement based on json array state value
- Making angular-chartjs responsive with UI-Grid
- Return values from nested array
- ChartJS radar-chart hover text
- Possible to create quadrant chart with ChartJS, with the "origin" centered at a single point?
- chartjs Line chart Javascript
- Change size of bubble radius without changing r value
- How can I give the automatically generated y-axis values on bar charts in Chart.JS commas?
- Load Tooltip faster during onHover of Legend Doughnut chart
- Doughnut chart, in some cases if quantity is 1, its showing without back ground color, but color shows correctly while hovering
- How to make bar chart animation where all bars grow at the same speed?
- How to create a fixed number of y axes for a chartsjs linear graph?
- Chart.js set Doughnut background-color?
- Using a function in ng2 Charts
- How to disable a custom tooltip for a dataset in Chart.js line chart?
- ChartJS doughnut legend click
- Chart.js: trouble with resizing on window resize
- graph data from a angular form to ChartJs
- Using Chart.js client-side in Atlasboard
- How should data be structured for lineplots with vue/chart.js
- How to generate color code dynamically by swapping 2 characters within a string using PHP
- How to remove square label from tooltip and make its information in one line?
- How to make labels clickable in angular-chart
- How to integrate charts with js and jQuery?
- Is it possible to show each legends aligned with each bar in chart.js
- How to show label for second y-axis in charts.js?
- Change Legend Box Outline Chart.js 2
- Ionic 3 Angular component load listener