This is a migrated thread and some comments may be shown as answers.

KENDOUI Pie chart problem

5 Answers 182 Views
Charts
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Guy
Top achievements
Rank 1
Guy asked on 19 Jul 2012, 11:33 AM
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.

5 Answers, 1 is accepted

Sort by
0
Hristo Germanov
Telerik team
answered on 24 Jul 2012, 01:18 PM
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!
0
Daniela
Top achievements
Rank 1
answered on 29 Oct 2012, 01:33 PM
Hi,

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

Thank you,
Daniela Baila
0
Daniela
Top achievements
Rank 1
answered on 07 Nov 2012, 10:08 AM
Hristo or Guy,
Please provide a reference to the support ticket (currently facing the same issue). Thank you!
0
Atanu
Top achievements
Rank 1
answered on 09 Apr 2013, 05:34 AM
Hi,

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

Thanks.
0
Hristo Germanov
Telerik team
answered on 09 Apr 2013, 07:44 AM
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!
Tags
Charts
Asked by
Guy
Top achievements
Rank 1
Answers by
Hristo Germanov
Telerik team
Daniela
Top achievements
Rank 1
Atanu
Top achievements
Rank 1
Share this question
or