Timeline chart row labels get truncated when placed inside a Bootstrap modal

[Deepika Kommuru]

 I am trying to put this timeline inside a Bootstrap modal and the row labels get truncated and the chart does not take the full width. 

The chart looks fine outside the modal but when placed inside the modal the row labels get truncated.

Here is a js fiddle showing the same. Can you please help me with this?

http://jsfiddle.net/dipika123/h3WDq/1355/