nvd3 chart not loading in IE11

[C261193]

Working fine in chrome.in Console

this.option2 = { chart: { type: 'lineWithFocusChart', height: 450, margin : { top: 20, right: 20, bottom: 40, left: 55 }, x: function(d){ return d.x; }, y: function(d){ return d.y; }, useInteractiveGuideline: true, dispatch: { stateChange: function(e){ console.log("stateChange"); }, changeState: function(e){ console.log("changeState"); }, tooltipShow: function(e){ console.log("tooltipShow"); }, tooltipHide: function(e){ console.log("tooltipHide"); } }, xAxis: { axisLabel: 'X Axis', tickFormat: function(d){ return d3.format('f')(d); }, axisLabelDistance: -10 }, y1Axis: { axisLabel: 'Y Axis', tickFormat: function(d){ return d3.format('.2f')(d); }, axisLabelDistance: -10 }, y2Axis:{ axisLabel: 'Y2 Axis', tickFormat: function(d){ return d3.format('.2f')(d); }, axisLabelDistance: -10 }, callback: function(chart){ console.log('end time', new Date()); console.log("!!! lineChart callback !!!"); } }

<nvd3 [options]="option2" [data]="data1"> <button (click)=saveImage()>Export As Image