Thank you for that sample! Very helpful. 

I have modified it a bit and put a chart in the "Document 2" tab. This works great for the most part. I have the width of the chart specified as 100% so it will resize with the dock window, but if I set height to 100% the chart disappears. How can I make the height of the chart fit the size of the dock window in the same way as the width?

Here is a fork of your sample with the chart embedded:

Hello,

Thank you for the provided sample application.

After an investigation I determined that in order to display the chart with 100% height you should also set all wrapping containers height to 100%.

However, if you require to have only this chart in the entire pane you could remove all wrapping div-s and set the slot property to the chart itself:

<igx-data-chart slot="content4" class="dockManagerContent" #chart isHorizontalZoomEnabled="true"
    isVerticalZoomEnabled="true" width="100%" height="100%" [dataSource]="chartData">
....
   </igx-data-chart>