KENDOUI Pie chart problem

Thread is closed for posting
6 posts, 0 answers
  1. Guy
    Guy avatar
    1 posts
    Member since:
    Jul 2012

    Posted 19 Jul 2012 Link to this post

    Hello, I have a problem in IE8 with pie chart when I have an item that occupies almost 100% of chart. In this case chart disappears but this occurs depending on chart size. You can resize window to find when the problem appears. I have found that problem does not exists neither in Chrome nor in IE9. The following code reproduces the problem: --- <!DOCTYPE html> <html> <head>   <link href="Styles/kendo/kendo.common.min.css" rel="stylesheet" type="text/css" />   <link href="Styles/kendo/kendo.default.min.css" type="text/css" rel="stylesheet" />   <style>     body, html     {       width: 100%;       height: 100%;       padding: 0;       margin: 0;     }   </style> </head> <body>   <script src="Scripts/jquery-1.7.2.js" type="text/javascript"></script>   <script src="Scripts/kendo/kendo.dataviz.js" type="text/javascript"></script>   <script type="text/javascript"> $(function() {   $("#chart").kendoChart(   {     title:     {       text: "Break-up of Spain Electricity Production for 2008"     },     legend:     {       position: "bottom",       labels:       {         template: "#= text # (#= value #%)"       }     },     seriesDefaults:     {       labels:       {         visible: true,         format: "{0}%"       }     },     series:     [       {         type: "pie",         data:         [ //          { //            category: "Hydro", //            value: 22 //          }, //          { //            category: "Solar", //            value: 2 //          }, //          { //            category: "Nuclear", //            value: 49 //          },           {             category: "Wind",             value: 27           }         ]       }     ],     tooltip:     {       visible: true,       format: "{0}%"     },     transitions: false   }); }); $(window).resize(function() {   var chart = $("#chart").data("kendoChart");   if (chart)   {     chart.redraw();   } });   </script>   <div id="chart" style="width: 100%; height: 100%">   </div> </body> </html> --- I've check your code and have seen that the problem occurs in VMLRing.renderPoints() method in case when outerStartPoint conisides with outerEndPoint. I think you should draw a circle in this case instead of an arc.
  2. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 24 Jul 2012 Link to this post

    Hi Guy Kariv,

    I have already replied to the support ticket that you have submitted on the same subject.

    Greetings,
    Hristo Germanov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Daniela
    Daniela avatar
    2 posts
    Member since:
    Oct 2012

    Posted 29 Oct 2012 Link to this post

    Hi,

    Can you please provide a link to the ticket that contains the reply?

    Thank you,
    Daniela Baila
  4. Daniela
    Daniela avatar
    2 posts
    Member since:
    Oct 2012

    Posted 07 Nov 2012 Link to this post

    Hristo or Guy,
    Please provide a reference to the support ticket (currently facing the same issue). Thank you!
  5. Atanu
    Atanu avatar
    40 posts
    Member since:
    Jan 2012

    Posted 09 Apr 2013 Link to this post

    Hi,

    I am facing the same problem.... Will you please share the solution.

    Thanks.
  6. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 09 Apr 2013 Link to this post

    Hi guys,

    The problem with the pie chart is fixed.

    Could you please open a new ticket and provide a sample that will reproduce your problem? I will do my best to fix it.

    Thank you for the understanding.

    Greetings,
    Hristo Germanov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top