score:50
chart.js has a new release version with 3.0.x. i think, vue-chartjs
does not support it yet.
you can downgrade chart.js and try again.
chartjs [3.0.1 - published 2 days ago] https://www.npmjs.com/package/chart.js?activetab=readme
and there is a vue-chartjs
issue about 22 hours ago.
https://github.com/apertureless/vue-chartjs/issues/695
score:5
yarn add vue-chartjs chart.js@2.9.4
if you are using yarn
score:11
maybe its a bit late but i have to give the answer,
what you need is to change the version of both libraries
npm install chart.js@2.7.1 vue-chartjs@3.4.0 --save
it works fine in vue2
score:39
chart.js version above 3.0.0 is not compatible, you need to downgrade chart.js
npm install chart.js@2.9.4
this has solved my issue
Source: stackoverflow.com
Related Query
- Why does nuxt give me this error with vue-chartjs?
- react-chartjs-2 with chartJs 3: Error "arc" is not a registered element
- Why is ChartJS skipping an xAxis label in this snippet?
- why is the background black when with Chartjs export to a image
- Why would a ChartJS chart end up with width 0 and height 0?
- Chartjs not working with d3 from csv source
- I am having this error in charts v3 chartjs-chart-treemap: fontColor does not exist in type 'ChartDataset<"treemap", TreemapDataPoint[]>
- Error with Chartjs radar pointLabels color Scriptable
- What kind of graph could I use to achieve this with ChartJS (or similar)?
- Updating Chartjs to 2.5 with custom code
- Chartjs backgroundColor for line chart does not appear in Vue app
- Python list does not work in django with ChartJS
- Flickering of charts and getcontext error with chartjs in the context of Vuejs
- "Maximum call stack size" Error When Adding Data to Chartjs Using Props With Fetch (Vue/Chartjs)
- Why does putting two data sets with a Time Cartesian axis in Chart.js cause two Y axis tick sets?
- Why this Tooltip callback for ChartJS works and this doesn't
- Why is this chartjs graph not being loaded? (Using Vue.js)
- ChartJs not working with this JSON Object
- Laravel Vue error when trying to use chart.js with Laravel-charts package
- 'require is not defined' error when attempting to use chartjs in javascript code
- Rest api / json error while using it with react chartjs
- Error Message when using ChartJS with React
- Why won't this html page run, Devexpress documentation ChartJS
- why i have this error Utils is not defined when i want create a chart from chart.js
- ChartJS - why is there a visual difference when displaying the same dataset alone or with more datasets?
- Custom Legend with ChartJS v2.0
- Chartjs random colors for each part of pie chart with data dynamically from database
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- ChartJS - Draw chart with label by month, data by day
- Display line chart with connected dots using chartJS
More Query from same tag
- Chart.js: Legend doesn't update on first call to chart.update()
- I want to put my data in chartjs-plugin-streaming
- How can I add functionality to Chartjs Doughnut chart custom legend
- Change point size and color on hover in chartjs
- Display only certain labels with chart.js
- How to display inline values in a stacked bar chart with Chart.js?
- bind first property value of an array of object into chart.js
- Leaflet polygon display charts after click
- in line chart, line is going beyond height when I remove y axis
- Stack grouped xAxes in bar chart
- Point Style property with Inverted Image in Line Chart.js
- Chart.js drag points on linear chart
- How to add commas when showTooltips is false in ChartJS
- Iterate over query for use in Charts.js using Coldfusion
- How to add images to chart labels with vue-chartjs?
- Adding an additional datasets to chartJS
- Draw multiple chart in one page with Chart.js
- Chart js Bar Time Chart
- JS node chart from SQL Server not updated
- Chart.js two columns on page - left column is squished until page resize
- Chartjs doughnut chart rounded corners for half doghnut
- Parse a JSON object to ChartJS
- TypeError Not reading property correctly
- chart.js: hide specific ticks in y-axis and hide all x-axis grid line
- Multiple charts in background ChartJS
- Chart.js Chart Never Generated
- Laravel - Bootstrap Javascript's conflict with Chart.js
- Proper way to use a counter variable in HTML/Javascript
- ChartJS multiple annotations (vertical lines)
- Type can not be assigned in react-chartjs-2