Get Free Trial

Flexmonster Chart not working after Angular upgrade

Answered
Chris Anderson asked on September 1, 2021

Hello,
We upgraded our web application from Angular 4 to 7. Since the upgrade, flexmonster Chart option is not working. Clicking on the Chart button does not provide the options to select the chart type. We can only see data in Grid view. We see the same issue with Export and Grid buttons which appear on the top left corner of the component.
https://jmp.sh/w8JpoG2
ng-flexmonster => 2.7.10
flexmonster => 2.9.6
We do not get any errors in the console of our web application. Please suggest.

Attachments:
flexmonster.png

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster September 1, 2021

Hello, Chris,
 
We reproduced the behavior using an older version of the CSS file with the latest version of the component.
Please make sure the latest version of styles is used in your project. The required CSS file can be found in the “flexmonster” npm package. It is automatically updated along with the package itself. Please check if your imports point specifically to this file, e.g., import 'flexmonster/flexmonster.css';.
 
Meanwhile, we noticed a version mismatch between ng-flexmonster and flexmonster packages in your project. We highly recommend updated the ng-flexmonster module to the latest version.
 
Please let us know if it helps.
 
Kind regards,
Illia

Public
Chris Anderson September 1, 2021

Hello Illia,
Thanks, it is working now. After the upgrade, the css file import was missing. We have added it back and it is working correctly now.
Also, we have upgraded the version of ng-flexmonster to same as flexmonster.
Thanks.

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster September 1, 2021

Hello, Chris,
 
Thank you for your feedback. We are happy to hear everything works for you now.
 
Feel free to reach out if other questions arise.
 
Kind regards,
Illia

Please login or Register to Submit Answer