Pie chart labels getting cut off

3 posts, 0 answers
  1. Thien
    Thien avatar
    38 posts
    Member since:
    Aug 2014

    Posted 29 Jun 2015 Link to this post

    When the chart's width is constrained it does not scale to fit and the labels get cut off. I found this post but do not see any of these settings in the Html/Javascript version of the pie chart

    http://www.telerik.com/forums/pie-chart-labels-are-being-cut-off

    Changing the margins/paddings is not an ideal solution as we have dynamic data populating the pie charts so one setting that may work might not work for another dataset.

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 01 Jul 2015 Link to this post

    Hi Thien,

    By design, Kendo UI Pie Chart will not resize automatically to accommodate for the labels size. What I would suggest in order to avoid the labels cutting is to set series.padding dynamically (via the chart.options): 
    // get reference to the chart widget
    var chart = $("#chart").data("kendoChart");
    // set series.padding via the chart options
    chart.options.series[0].padding = 100
    // redraw the chart
    chart.redraw();

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Jay
    Jay avatar
    4 posts
    Member since:
    Oct 2015

    Posted 20 Apr in reply to Iliana Nikolova Link to this post

    the above snippet helped my simliar problem but I had to use

    chart.refresh();

    instead of

    chart.redraw();

     

Back to Top