dezudas
commented
6 years ago I think there is problem with demo page too https://swimlane.github.io/ngx-charts/#/ngx-charts/bubble-chart
I think the option can be to remove the animation.
animations: [ trigger('animationState', [ transition(':leave', [ style({ opacity: 1, }), animate(500, style({ opacity: 0 })) ]) ]) ]
Generate bubble chart using following parameter to component: <ngx-charts-bubble-chart [results]="bubble"
bubble = [ { "name": "Germany", "series": [ { "name": "2010", "x": 40632, "y": 80.3, "r": 80.4 }, { "name": "2000", "x": 36953, "y": 80.3, "r": 78 }, { "name": "1990", "x": 31476, "y": 75.4, "r": 79 } ] }, { "name": "USA", "series": [ { "name": "2010", "x": 49737, "y": 78.8, "r": 310 }, { "name": "2000", "x": 45986, "y": 76.9, "r": 283 }, { "name": "1990", "x": 3706, "y": 75.4, "r": 253 } ] }, { "name": "France", "series": [ { "name": "2010", "x": 36745, "y": 81.4, "r": 63 }, { "name": "2000", "x": 34774, "y": 79.1, "r": 59.4 }, { "name": "1990", "x": 29476, "y": 77.2, "r": 56.9 } ] }, { "name": "United Kingdom", "series": [ { "name": "2010", "x": 36240, "y": 80.2, "r": 62.7 }, { "name": "2000", "x": 32543, "y": 77.8, "r": 58.9 }, { "name": "1990", "x": 26424, "y": 75.7, "r": 57.1 } ] } ]
The bubble chart gets generated and disappear immediately in internet explorer edge.
Configuration: Windows Operating System ngx-charts version: ^7.1.1 Angular version: ^5.0.0 Browser: IE Edge Language: TypeScript 2.7