More IE8 issues

[Philip Senechal]

I've looked at all the IE8 issues in the forums so far, but I haven't seen this problem yet.

I'm running with jQuery 1.7.1, but this particular page is NOT using any jQuery UI scripts.

There are 4 graphs that render on the page...they render using Firefox, Chrome, IE7 and even IE8 on a Windows 2008 server. They will not render, however, on IE8 running on Windows XP. I get the chart grid and the axis labels, but no lines on a line graph.

I tried adding the easing workaround, but that didn't change anything.

Anyone have any suggestions for this setup? Unfortunately, our entire company is using IE 8 on Windows XP, so it's killing me that this is the one browser combination that I can't get to work. Thanks.

[Petur Subev]

Hi Philip,

Could you please send us a demo project which reproduces the problem so we can check on our side what exactly is going wrong?

All the best,
Petur Subev
the Telerik team

[Philip Senechal]

I figured out what the issue was...

I was creating my local data source in a foreach loop, using a model I had passed into the view. Because of this, I had 1 line that defined the data points that would get written out during each iteration of the loop. This line had a comma at the end of it so that each data point would be separated. By doing this, the last data point also had a comma at the end of it. All other browsers and versions of IE (including IE7) dealt with this and just disregarded the last comma, but IE8 bombs on it.

So...I created additional code that counts the number of iterations in the loop before it starts and when the loop is on the last iteration, it omits the comma. BINGO...now working in IE8.

Have I mentioned that Microsoft's inconsistency with browser standards drives me insane?

[Philip Senechal]

Nevermind...my browser was set to compatibility mode, so it was functioning like an IE7 browser. Problem still exists.

[Petur Subev]

Hello again Philip,

I am still not able to assist you without a sample project. Could you please create and attach one so I can check it and do my best to provide you with the most appropriate solution?

Greetings,
Petur Subev
the Telerik team

[Philip Senechal]

Yes sir...working on it. I did find that bar charts work fine. So far it's only line charts.

I'm changing way I initiate the graphs to match the bar charts to make sure it's not the way I'm implementing them.

It's just not easy to create a project since this pulls from our corporate data warehouse for data. I'm trying to recreate that data locally. Also, I'm running Kendo UI from within Orchard CMS, so I have to pull it out of there in order to send it.

[Philip Senechal]

I'm going to post the code here...there's just no way I can pull this out of the current environment and create a project I can upload. It's pretty simple stuff though...

Here's the JavaScript...

<script type="text/javascript">

    var memberCount = [

                {"category": "2011-02",

                    "series": 1827},

                {"category": "2011-03",

                    "series": 1820},

                {"category": "2011-04",

                    "series": 1812},

                {"category": "2011-05",

                    "series": 1846},

                {"category": "2011-06",

                    "series": 1860},

                {"category": "2011-07",

                    "series": 1863},

                {"category": "2011-08",

                    "series": 1887},

                {"category": "2011-09",

                    "series": 1882},

                {"category": "2011-10",

                    "series": 1900},

                {"category": "2011-11",

                    "series": 1907},

                {"category": "2011-12",

                    "series": 1931},

                {"category": "2012-01",

                    "series": 1945}

    ];

 

 

    function createChart() {

        $("#chart1").kendoChart({

            theme: "silver",

            dataSource: {

                data: memberCount

            },

            title: {

                text: "Members",

                font: "13px Arial Bold"

            },

            legend: {

                visible: false

            },

            chartArea: {

                background: ""

            },

            seriesDefaults: {

                type: "line",

                markers: {

                    size: 3

                },

                tooltip: {

                    visible: true,

                    template: "<strong>${category}</strong><br />Members: <strong>#= kendo.format('{0:n0}', value) #</strong>"

                }

            },

            series: [

                {

                    field: "series",

                    width: "2"

                }

            ],

            categoryAxis: {

                field: "category",

                labels: {

                    visible: false

                },

                majorTickType: "none"

            },

            valueAxis: {

                min: 1812,

                max: 1945,

                labels: {

                    font: "9px Arial",

                    format: "{0:n0}"

                },

                majorTickType: "none",

                majorUnit: 33

            }

        });

            }
 

    $(document).ready(function () {

        setTimeout(function () {

            createChart();

        }, 400);

    });

</script>

and here's the HTML to display the chart

<div id="chart1" style="height: 150px; width: 225px; float: left; z-index: 4;">

</div>

If I change the chart type to "Bar", the charts display fine in IE8. And if I change IE8 to Compatibility Mode so that it functions like IE7, the Line charts will display. So it's specifically Line charts in IE8 that I'm having the issue with.

Thanks!

[Philip Senechal]

and just so you're aware, I loaded up your demo page (http://demos.kendoui.com/dataviz/line-chart/local-data.html)
on Windows XP with IE8 and the line does NOT appear. So it's definitely not my code.

[Petur Subev]

Hi Philip,

Thank you for sharing the code I successfully reproduced the issue and we will need a little more time to locate the problem and provide you with the most appropriate solution.
Thank you for the understanding.

Kind regards,
Petur Subev
the Telerik team

[Petur Subev]

Hi again Philip,

We located the problem and there is a bug with one of the animations. At this moment to make things work you can disable the transitions of the the chart (i.e.  transitions:false ). 
The issue will be fixed in one of the upcoming releases.
Also as a small sign of appreciation I updated your account points.

Greetings,
Petur Subev
the Telerik team