Display charts on checkbox selection - synchronized chart -- 2

I am using synchronized charts. Requirement is chart1 should be visible on load. Chart2 and chart3 should get created and become visible only when chart2 and chart3 are checked. Height should be adjusted to full size of screen if one chart, page should be split into two if 2 charts. Page split in to three if all three charts are selected. I expect result similar to how this fiddle works for checkbox selection: https://jsfiddle.net/kyzqeb0w/2/. You might be able to utilize some code from this for coding. As chart1 should be visible on load. I want other divs to be created only when each chart is selected (on click of checkbox). This should be incorporated in my synchronized chart here: https://jsfiddle.net/t1mnL4qr/3/ This is what I have tried so far: https://jsfiddle.net/v9q2hcxb/3/. But this is not working and may not be the right way for creating div. Points to remember. This should be incorporated in synchronized chart I sent above. All charts share common x axis as shown on my above fiddle. (so, only the last chart will have x axis label enabled, as you can see).This should remain intact. I know it is a small fix, Cant get my head around. Budget : 10 usd