This is a migrated thread and some comments may be shown as answers.

Chart title is outside container

3 Answers 128 Views
Charts
This is a migrated thread and some comments may be shown as answers.
rwb
Top achievements
Rank 2
rwb asked on 11 Dec 2017, 05:13 PM

When a chart has a title it is positioned a long way outside of the containing div on which the chart is created.

https://dojo.telerik.com/izARUQ

3 Answers, 1 is accepted

Sort by
0
rwb
Top achievements
Rank 2
answered on 11 Dec 2017, 05:22 PM

When using Twitter Bootstrap and jQuery-UI things get even stranger.

Initially the chart title is inside the containing div, but after resizing the container it overflows invisible.

 

https://dojo.telerik.com/atIWA

0
rwb
Top achievements
Rank 2
answered on 11 Dec 2017, 05:23 PM

Things get even stranger with Twitter Bootstrap and jQuery-UI.

Initially the chart title is visible and inside the containing div, but after resizing it overflows invisible.

https://dojo.telerik.com/atIWA

0
Stefan
Telerik team
answered on 13 Dec 2017, 08:05 AM
Hello, Richard,

Thank you for the example.

After inspecting it I can suggest the following approach. Make a new div element for the chart and place it inside the ".panel-body" container. We do not recommend applying third-party library specific classes to the element which a Kendo UI widget is initialized as it can affect the rendering.

After making the change the Chart was resized as expected and the title was visible:

https://dojo.telerik.com/atIWA/2

I hope this is helpful.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
rwb
Top achievements
Rank 2
Answers by
rwb
Top achievements
Rank 2
Stefan
Telerik team
Share this question
or