ngx-charts doesn't work with IE 11

[HitomiTenshi]

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

[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
Crashes when trying to load the library.

Expected behavior
Does not crash.

Reproduction of the problem
Visit your demo site with IE 11: https://swimlane.github.io/ngx-charts/

Please tell us about your environment:
OS: Windows 10 Pro x64
IDE: Atom
Node: 7.5.0

• ngx-charts version: 4.1.2
  

• Angular version: 2.4.8
  

• Browser: IE 11
  

• Language: TypeScript 2.0.10

[amcdnl]

Angular2 doesn't support IE11. See https://angular.io/docs/ts/latest/guide/browser-support.html

[marjan-georgiev]

Include the classList polyfill referenced here:
https://angular.io/docs/ts/latest/guide/browser-support.html#!#classlist

[HitomiTenshi]

Oh thanks, I will do that on my site.

The bug I showed there happened on your demo site though. So I was assuming that it wasn't working.

[marjan-georgiev]

@HitomiTenshi did that work for you?

[HitomiTenshi]

@marjan-georgiev Including es6 shims and after that the classList polyfill worked! At least the the line chart.

[benitocyrille]

sorry but i have a similar issue wit IE11, my chart displays well on Chrome and Mozilla some advises please

import { BrowserAnimationsModule } from '/animations';
import { NgxChartsModule } from '@swimlane/ngx-charts';

ERROR Error: Uncaught (in promise): TypeError: Object doesn't support property or method 'contains'
TypeError: Object doesn't support property or method 'contains'

[legend]="showLegend" [autoScale]="autoScale" [timeline]="timeline" [roundDomains]="roundDomains" (select)="onSelect($event)">

[yodamad]

this polyfill.ts works for me

``import 'core-js/es6';
import 'core-js/es7/array';
import 'core-js/es7/reflect';
import 'core-js/client/shim';
import 'classlist.js';
import 'intl';
require('zone.js/dist/zone');

// IE11 fix
if (typeof SVGElement.prototype.contains == 'undefined') {
SVGElement.prototype.contains = HTMLDivElement.prototype.contains;
}``

require yarn add classlist.js intl