Donut chart set inner and outer radius

5 posts, 0 answers
  1. A
    A avatar
    6 posts
    Member since:
    Oct 2012

    Posted 05 Oct 2012 Link to this post

    Hi All,
    how can I set innerRadius for donut chart?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 05 Oct 2012 Link to this post

    Hi A,

    You can specify the size of the donut hole via the series' holeSize property. For example:
    $("#chart").kendoChart({
      //....
      seriesDefaults: {
         holeSize: 20,
         //....
      }
    });
     

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. A
    A avatar
    6 posts
    Member since:
    Oct 2012

    Posted 08 Oct 2012 Link to this post

    Thanks a lot.
  4. Jenn
    Jenn avatar
    5 posts
    Member since:
    Oct 2014

    Posted 11 Nov 2014 in reply to Iliana Nikolova Link to this post

    How does the number "20" relate to the donut? Is that a percentage of outer width? Is it a pixel size of the hole?
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 14 Nov 2014 Link to this post

    Hi Jenn,

    The holeSize number is actually a pixel size of the hole radius. For example holeSize 20 will make donut hole 40px.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top