'Please set height and width for the chart element' on window resize

[daniel-halldorsson]

charts is throwing this error whenever i resize my window.

angular.js:12477 Gracefully handling JS exception: "Error: Please set height and width for the chart element at validateHeightAndWidth (http://localhost:7002/bower_components/angular-charts.js:138:15) at init (http://localhost:7002/bower_components/angular-charts.js:117:14) at http://localhost:7002/bower_components/angular-charts.js:873:11 at http://localhost:7002/bower_components/angular.js:17855:31 at completeOutstandingRequest (http://localhost:7002/bower_components/angular.js:5507:10) at http://localhost:7002/bower_components/angular.js:5784:7", caused by: undefined

• I have the height and width set for all charts via CSS
• ive tried using waitForHeightAndWidth: false it still happens
• it only happens when i resize brower window
• angular v1.4.7 / angular charts v0.2.7 (installed via bower, my project bower says ^0.2.7 but the bower.json in the bower_components/angular-charts dir says v0.2.6, not sure what is correct)

cheers

[MaximilianLloyd]

I am getting the exact same issue, have you found a solution?

[fireworkstudio]

@daniel-halldorsson @MaximilianLloyd I add two scope variables in directive, and now it works. But this is not a final solution, I am still wait for official resolution.

1. Add two scope variables in directive
2. Replace the places using element[0]'s width and height to new variables
3. In your view template, add new attributes
4. In your controller, define the values

You may refer to codes of my project: angular-charts.min.js dashboard.html dashboard-controller.js

Here is the screenshot, hope this method will help you solve the problem