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

IE 8 has issues displaying lots of data points of small size in pie charts

2 Answers 28 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 20 Nov 2012, 08:26 PM

This is the code I used.  It works fine in IE9, but IE8 can't handle it:

   

var data = [{
            "category": "Test",
            "value": 150,
            "percentage": "85%"
        },
        {
            "category": "Test0",
            "value": 5,
            "percentage": "5%"
        },
        {
            "category": "Test1",
            "value": 1,
            "percentage": "0.1%"
        },
        {
            "category": "Test2",
            "value": 1,
            "percentage": "0.1%"
        },
        {
            "category": "Test3",
            "value": 1,
            "percentage": "0.1%"
        },
         {
             "category": "Test4",
             "value": 1,
             "percentage": "0.1%"
         },
          {
              "category": "Test5",
              "value": 1,
              "percentage": "0.1%"
          },
           {
               "category": "Test6",
               "value": 1,
               "percentage": "0.1%"
           },
            {
                "category": "Test7",
                "value": 1,
                "percentage": "0.1%"
            },
         ];
 
        $("#divChartByPublisher").kendoChart({
            theme: "default",
            title: {
                text: "Opportunities by Publisher"
            },
            legend: {
                position: "left",
                labels: {
                    template: "#= dataItem.label # (#= value #) - #= dataItem.percentage #%"
                }
            },
 
            dataSource: {
                data: data
            },
            series: [{
                type: "pie",
                field: "value",
                categoryField: "category"
            }],
 
            seriesColors: chartColors,
 
            tooltip: {
                visible: true,
                template: "#= category # (#= value #)"
            }
        });

2 Answers, 1 is accepted

Sort by
0
Hristo Germanov
Telerik team
answered on 21 Nov 2012, 11:01 AM
Hi Daniel,

I think that you have an extra comma in you array. Could you please validate your javascript code here and if the problem persists do not hesitate to write back again.

Kind regards,
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
Daniel
Top achievements
Rank 1
answered on 21 Nov 2012, 03:36 PM

Ah, this is weird.  I was using:

for (var i in list)

// Add to array

For some reason, this added a null item to the array... When I switched to:

for (var i = 0; i < list.length; i++)

it worked just fine...

Tags
Charts
Asked by
Daniel
Top achievements
Rank 1
Answers by
Hristo Germanov
Telerik team
Daniel
Top achievements
Rank 1
Share this question
or