Large black circles overlay scatterChart

Question

I am having a very strange problem - I am using more or less the same code as the scatterplot sample on the nvd3 web site (but hooked into my ember.js app) and I'm seeing a beautiful plot come out only to be marred about 500ms later by a set of black circles that are much larger but follow the same contour of the plot.

If I comment out this line in nv.d3.js:

gEnter.append('g').attr('class', 'nv-point-paths');

this doesn't seem to happen and the graph "works" ala without the animations.

Has anyone seen something like that before?

Answer 1

If you are new to Angular2, you may have forgotten to add:

encapsulation: ViewEncapsulation.None

which would allow external stylesheets to be loaded.