Cannot read property 'select' of null

[AnanthGopal]

Hi Dear Krispo ,

https://trackcryptocoins.firebaseapp.com/CoinComparison this is my site . i am using Nvd3 Chart in angular 5. but i got the error like 'Cannot read property 'select' of null' . you can run this url "https://trackcryptocoins.firebaseapp.com/CoinComparison"

My code

this.optionsAreaChart1 = { chart: { type: 'stackedAreaChart', height: 450, margin : { top: 20, right: 20, bottom: 30, left: 40 }, x: function(d){return d[0]; }, y: function(d){return d[1]; }, useVoronoi: false, clipEdge: true, duration: 100, useInteractiveGuideline: true, xAxis: { showMaxMin: false, tickFormat: function(d) { return d3.time.format('%d %b %H:%M:%S')(new Date(d)); } }, yAxis: { tickFormat: function(d){ return d3.format(',.2f')(d); } }, zoom: { enabled: true, scaleExtent: [1, 10], useFixedDomain: false, useNiceScale: false, horizontalOff: false, verticalOff: true, unzoomEventType: 'dblclick.zoom' } } };

this.dataAreaChart1 = [ { 'key' : 'North America' , // tslint:disable-next-line:max-line-length 'values' : [ [ 1025409600000 , 23.041422681023] , [ 1028088000000 , 19.854291255832]] }, { 'key' : 'South America' , // tslint:disable-next-line:max-line-length 'values' : [ [ 1025409600000 , 23.041422681023] , [ 1028088000000 , 19.854291255832]] },

{ 'key' : 'Asia' , // tslint:disable-next-line:max-line-length 'values' : [ [ 1025409600000 , 23.041422681023] , [ 1028088000000 , 19.854291255832]] } ,

{ 'key' : 'Europe' , // tslint:disable-next-line:max-line-length 'values' : [ [ 1025409600000 , 23.041422681023] , [ 1028088000000 , 19.854291255832]] } ,

{ 'key' : 'Australia' , // tslint:disable-next-line:max-line-length 'values' : [ [ 1025409600000 , 23.041422681023] , [ 1028088000000 , 19.854291255832]] } ,

{ 'key' : 'Antarctica' , // tslint:disable-next-line:max-line-length 'values' : [ [ 1025409600000 , 23.041422681023] , [ 1028088000000 , 19.854291255832]] }

];