I perfectly integrated Google charts in my Angular 12 webapp but the component that shows google chart make the webapp very slow on rendering graphical animation and movements. If I hide the Google chart component the webapp come back to be very fast (also the drag and drop in a different component, after google chart component has been destroyed, come back to be very fast and smooth). I tried the ngOnDestroy() {// some google destruction} method but nothing worked. What can I do?
On Angular 12 webapp Google Charts component make webapp very slow also after component destruction
198 Views Asked by Michele Settembre At
1
There are 1 best solutions below
Related Questions in JAVASCRIPT
- Using Puppeteer to scrape a public API only when the data changes
- inline SVG text (js)
- An array of images and a for loop display the buttons. How to assign each button to open its own block by name?
- Storing the preferred font-size in localStorage
- Simple movie API request not showing up in the console log
- Authenticate Flask rest API
- Deploying sveltekit app with gunjs on vercel throws cannot find module './lib/text-encoding'
- How to request administrator rights?
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- In Datatables, start value resets to 0, when column sorting
- How do I link two models in mongoose?
- parameter values only being sent to certain columns in google sheet?
- Run main several times of wasm in browser
- Variable inside a Variable, not updating
Related Questions in NODE.JS
- Using Puppeteer to scrape a public API only when the data changes
- How to request administrator rights?
- How do I link two models in mongoose?
- Variable inside a Variable, not updating
- Unable to Post Form Data to MongoDB because of picturepath
- Connection terminated unexpectedly while performing multi row insert using pg-promise
- Processing multiple forms in nodejs and postgresql
- Node.js Server + Socket.IO + Android Mobile Applicatoin XHR Polling Error...?
- How to change the Font Weight of a SelectValue component in React when a SelectItem is selected?
- My unban and ban commands arent showing when i put the slash
- how to make read only file/directory in Mac writable
- How can I outsource worker processes within a for loop?
- Get remote MKV file metadata using nodejs
- Adding google-profanity-words to web page
- Products aren't displayed after fetching data from mysql db (node.js & express)
Related Questions in ANGULAR
- Firebase link existing user to anonymous account?
- It doesnt always show all the books on my homepage
- Google adsense ads.txt status cannot be not found
- When I navigate to the URL'http://localhost:4200/', it redirects me back
- Ionic Angular Standalone ion-icon are not showing at all
- How to make Angular understand that view child is of a specific type, not a general ElementRef?
- vscode, debug angular, first time, doesn't debug, 2nd time stops at main.js then it's ok
- How to perform CRUD operations on a static JSON array in Angular? (without API)
- Ngrx props<>() method in createAction()
- How to animate rotation of an image inside input control?
- Detecting click inside and outside of the listening component in Angular
- Angular - type guard not narrowing types
- In node_modules file i am getting Angular genric error while using fontawesome in angular12
- Angular 16 sending null values to API
- GoogleCloud Error: Not Found The requested URL was not found on this server
Related Questions in NG2-GOOGLE-CHART
- Improving Performance with Multiple ng2-google-charts on a Single Page
- ng2 google chart not showing tooltip when hovering on chart legend
- How do I push an array into another array?
- On Angular 12 webapp Google Charts component make webapp very slow also after component destruction
- How to change bar width of a specific series while in different axis target - Angular google charts
- How can we create google chart that is stacked with multiple columns and negative numbers?
- Show Axes text vertically besides column in ng2-google-chart
- Google Charts not displaying names on yaxis
- Google Charts (ng2-google-charts) - custom tooltips - HTML gets appended to tooltip instead of replacing it
- Format object from API call to dataTable format on Google Charts (ng2-google-charts)
- Google Charts - aligning Combo Chart data maximally to left and right
- vAxis Single line label in angular-google-chart
- Create 3 quarter donut chart using Google Chart library
- Google Timeline chart using does not show full row label in angular
- With ng2-google-charts how do I format the number as a percentage?
Related Questions in ANGULAR-GOOGLE-CHART
- GoogleChart Piechart is not shown up when using CategoryFilter
- Trendline with Angular-google-chart library
- Google Charts with *ngIf in Angular
- How to solve this TypeScript error for Google Chart
- Barchart with chart range filter
- Angular 15 google chart application errors on build
- problems with a component with angular google charts inserted multiple times in another
- Google Charts hAxis gridlines dont'work for weekly interval
- Error while implementing Angular Google Chart in Angular (Type 'string' is not assignable to type 'ChartType')
- Angular: How to initialize google-charts component with width and height in %
- Angular: loop it's returning me an undefined value
- Remove space between bars of Google histogram chart in Angular
- how to the first and last X axis lables in google line chart?
- Can we use CDN in angular 8 instead of installing the package?
- why I cannot use strings in Column array with tooltips? Google charts
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
At the end I solved with a try: js script integration instead of angular module installation and I successfully solved the problem calling the "clearChart()" on ngOnDestroy() for any single chart created in the component. After that I warned the ng2-angular-charts module developer and the module has been updated (problem solved).