question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error message in my console by using VueJs and chartJS

See original GitHub issue

Expected Behavior

the width and height of the chart can dynamic changed and the chart can display

Current Behavior

the chart cannot display and error message in my console: here is the message log:

TypeError: t is null
r@file:///chart.js/dist/Chart.min.js:13:21546
addEventListener@file:///chart.js/dist/Chart.min.js:13:22670
bindEvents@file:///chart.js/dist/Chart.min.js:11:30145
initialize@file:///chart.js/dist/Chart.min.js:11:23797
construct@file:///chart.js/dist/Chart.min.js:11:23594

Steps to Reproduce (for bugs)

Here is my example:http://jsfiddle.net/ascrutae/0vrmtvd5/5/

Environment

  • Chart.js version: 2.6.0

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
ascrutaecommented, Aug 3, 2017

@simonbrunel , you are awesome, it works, Thanks very much!

0reactions
simonbrunelcommented, Aug 3, 2017

Though, you don’t need that fix if you opt for the suggested approach and instantiate the chart in the inserted hook.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Error in console with Vue-chartJS and Webpack - Stack Overflow
When the migration is complete, you will access your Teams at stackoverflowteams.com, and they will no longer appear in the left sidebar on...
Read more >
Getting Started - vue-chartjs
Getting Started #. vue-chartjs is a wrapper for Chart.js in Vue. You can easily create reuseable chart components. Supports Chart.js v4.
Read more >
[Solved]-Getting source map error warning in console-Vue.js
Enable/Disable source maps can be handle by providing config mix.sourceMaps(!mix.inProduction()) . Make sure in development mode is enabled.
Read more >
How to install and use Chart.js in Vue.js 3 - YouTube
Chart.js - https://www. chartjs.org/docs/latest/0:00 Intro0:38 Install Vue.js 31:30 Install Chart.js via NPM1:55 Initializing Chart.js in the ...
Read more >
TypeError: cannot use 'in' operator to search for 'x' in 'y'
The JavaScript exception "right-hand side of 'in' should be an object" occurs when the in operator was used to search in strings, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found