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


    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
    Iliana Nikolova avatar
    2622 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

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

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

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


    instead of



Back to Top