Object doesn't support this action IE11 for multiLine chart

[ramuda]

Sample template `<ngx-charts-line-chart

multiLineChart

[ngClass]="{'no-show': newChartOptions.stacked }" [results]="renderedChartData" [view]="viewPort" [scheme]="colorScheme" [customColors]="mappedColors" [schemeType]="schemeType" [gradient]="gradient" [xAxis]="newChartOptions.showXAxis" [xAxisLabel]="newChartOptions.xAxisLabel" [xAxisTickFormatting]="newChartOptions.xAxisTickFormatting" [yAxis]="newChartOptions.showYAxis" [yAxisLabel]="newChartOptions.yAxisLabel" [yAxisTickFormatting]="newChartOptions.yAxisTickFormatting" [legendTitle]="newChartOptions.legendTitle" [tooltipDisabled]="newChartOptions.tooltipDisabled" [showGridLines]="newChartOptions.showGridLines" [roundDomains]="newChartOptions.roundDomains" [timeline]="newChartOptions.timeline" [autoScale]="newChartOptions.autoScale" [curve]="curve" [showRefLabels]="newChartOptions.showRefLabels" [referenceLines]="newChartOptions.referenceLines" [rangeFillOpacity]="newChartOptions.rangeFillOpacity" [showXAxisLabel]="showXAxisLabel" [showYAxisLabel]="showYAxisLabel" [legend]="showLegend" [showRefLines]="showRefLines" (select)="onSelect($event)" (activate)="onActivate($event)" (deactivate)="onDeactivate($event)"

• ngx-charts version: 6.1.0

• Angular version: 4.x

• Browser: [IE11]

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

[ramuda]

Uploaded error screenshot any updates on this?

[marcelcremer]

+1

[joseph-schenck]

I'm seeing that it has to do with the IE11 not having the MouseEvent. Adding a polyfill for it in your index.html file, located here, seems to at least keep it from causing an error, but a new issue arose for me with the tooltip triggering for the point directly to the left of the one I am hovering over.