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 not reloading in Partial View
- update chart in chart js without reloading the page
- Why does one chart overlays another (chart.js)?
- Writing blank on canvas using fillText
- How can I hide tooltip in Chart.js on a specific data label?
- Refreshing the image of a chart using chart.js
- Chart of chart.js can't display In Edge and Firefox
- Is there any way I can customize my chartjs
- Is there any way to show a tooltip for points which are not visible on the chart in Chart.js?
- How does one reproduce this plot in JavaScript?
- Manipulating data point in chart.js external tooltip
- How can i move a point through both x-axis and y-axis while the curve is not changed in a chart.js line graph?
- chart.js 2.0 add new property to dataset
- Format x axis to show percent with Primefaces/Chartjs ScatterChart
- How to change cursor style to pointer on hovering over points of the chart?
- chartjs align origin of the axis to the corner of graph
- ReactJS - Labeling multi dimension array with chartJS-2
- Grouping by month with series of epoch timestamps in Chart.js
- creating a chart.js scatter graph with variables for data
- The dataset in ng2 charts for bar graph is not setting properly
- Chart.js How to synchronize pan and zoom in multiple chats
- Chartjs is graphing my values at positions 0,1,2 rather than their values along the x axis
- Display text in center of doughnut
- How to set prop data for chart.js in React?
- How to remove the Chart.js x Axis bottom line?
- Plotting multiple JSON subobjects in Chart.js Line chart ( with Time as x-axis)
- Pie chart not working using angular and ng2-charts
- Pass Ajax response array to Chart.js
- I have 10 points inn x-axis, ranging [-25,-20,,-15,-10,0,10,20,30,40,50]. But I want my line chart to start from -15 of x-axis. How we can achieve?
- How to draw border all the way around bar element