ngx-charts-tree-map IE 11 error

yuveliremil commented 7 years ago

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior when I add ngx-charts-tree-map I get following error on IE-11 (on other browsers work fine) :

ERROR TypeError: Failed to set the "pointer-events" property of a reference whose value is not defined or is NULL

Expected behavior Display ngx-charts-tree-map

Reproduction of the problem

What is the motivation / use case for changing the behavior?

Please tell us about your environment: Windows 7 (8, 10), node.js

ngx-charts version: x.x.x 5.3.1
Angular version: 2.x.x angular 4.1.3
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

IE 11

Language: [all | TypeScript X.X | ES6/7 | ES5] typescript

tpeter29 commented 7 years ago

I ran into this same issue a few days ago. If you launch the treemap demo provided by swimlane in IE11 it doesn't show the labels (ERROR TypeError: Unable to set property 'pointer-events' of undefined or null reference).

Demo: https://swimlane.github.io/ngx-charts/#/ngx-charts/tree-map-demo

Please note that the treemap was working in IE11 prior to last week.

jclancy93 commented 7 years ago

I've noticed a lot of issues with this new lib and ie11. Was using v4 and angularv2.4 and since I have upgraded to v5 and angularv4 both bar charts and pie charts are throwing a huge amount of errors. Even downgrading the library to v4 does not seem to fix the issue.

akaztp commented 6 years ago

The problem seems to be on the tree-map component HTML template:

    <svg:foreignObject
        *ngIf="width >= 70 && height >= 35"
        [attr.x]="x"
        [attr.y]="y"
        [attr.width]="width"
        [attr.height]="height"
        class="label"
        [style.pointer-events]="'none'">

On IE11 the foreignObject does not have the style property. Still seeking some solution without having to change the component's code.

atapas commented 6 years ago

Is there a work-around possible for this issue?

atapas commented 6 years ago

LeParadoxHD commented 4 years ago

Same here, 2019...

jogaj commented 2 years ago

Thank you for your report, IE is not currently supported.

swimlane / ngx-charts

ngx-charts-tree-map IE 11 error #449