Chart title is outside container

4 posts, 0 answers
  1. rwb
    rwb avatar
    37 posts
    Member since:
    Aug 2015

    Posted 11 Dec 2017 Link to this post

    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

  2. rwb
    rwb avatar
    37 posts
    Member since:
    Aug 2015

    Posted 11 Dec 2017 Link to this post

    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

  3. rwb
    rwb avatar
    37 posts
    Member since:
    Aug 2015

    Posted 11 Dec 2017 Link to this post

    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

  4. Stefan
    Admin
    Stefan avatar
    1886 posts

    Posted 13 Dec 2017 Link to this post

    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.
Back to Top