Visibility observer causing performance issues

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 When using ngx-charts, I noticed in my profiling tab that something was running every 50ms. I tracked it down to the VisibilityObserver.

This is what it looks like.

I’m not exactly sure what the observer does, but my dashboard is showing 6 charts and it looks like the UI becomes kinda unresponsive because of this.

Expected behavior /

Reproduction of the problem /

What is the motivation / use case for changing the behavior? Performance issue

Please tell us about your environment: macOS, VS Code, Angular-CLI

• ngx-charts version: 6.0.2

• Angular version: 4.x

• Browser: all

• Language: TypeScript

[SamVerschueren]

This is how I fixed it. It feels really hacky though and somehow I think it should be solved in this library. This made sure those values are not 0 and prevents the VisibilityObserver to trigger an infinite loop.

	ngx-charts-advanced-pie-chart,
	ngx-charts-number-card,
	ngx-charts-bar-vertical,
	ngx-charts-bar-horizontal,
	ngx-charts-tree-map,
	ngx-charts-charts {
		display: block;
		min-height: 1px;
	}

[shah-dhaval]

Please add this to documentation so anyone face issue set width height