Hello!
I did a quick search but only saw one or two things around this.
The code block at the bottom of this post renders a Kendo Chart with 2 series, each containing 30 data points, and tracks the time taken (in milliseconds) to complete the call to the kendoChart function.
We have a VM running IE7, and another running IE8, for testing purposes. index.html (the code block) resides on my local web server, I remote desktop to a Windows XP VM (on a separate server) which is running either a real copy of IE7, or IE8, and then I browse back to that page on my local web server.
Note that the time shown in milliseconds at the bottom of the page is only tracking the call to kendoChart.
With this page, I've seen times as bad as 10 seconds in true IE7 (not using IE9 browser mode).
IE8 achieves times around 500ms, this is still approximately 5x worse than Firefox or Chrome achieve with great consistency.
IE7 VM, min: ~3000ms, max: ~10000ms, quite inconsistent.
IE8 VM, between ~500 and 600ms consistently
Firefox and Chrome on the VMs, between ~100 and 200ms.
Local machine IE7 & 8, using IE9's Browser Mode setting, ~100 to 150ms.
Are the any recommendations or "best practices" that I've not been able to dig up so far, with regards to Kendo Chart and older IE versions?
Is there anything I can do to improve the render time in IE7 or IE8.
I did a quick search but only saw one or two things around this.
The code block at the bottom of this post renders a Kendo Chart with 2 series, each containing 30 data points, and tracks the time taken (in milliseconds) to complete the call to the kendoChart function.
We have a VM running IE7, and another running IE8, for testing purposes. index.html (the code block) resides on my local web server, I remote desktop to a Windows XP VM (on a separate server) which is running either a real copy of IE7, or IE8, and then I browse back to that page on my local web server.
Note that the time shown in milliseconds at the bottom of the page is only tracking the call to kendoChart.
With this page, I've seen times as bad as 10 seconds in true IE7 (not using IE9 browser mode).
IE8 achieves times around 500ms, this is still approximately 5x worse than Firefox or Chrome achieve with great consistency.
IE7 VM, min: ~3000ms, max: ~10000ms, quite inconsistent.
IE8 VM, between ~500 and 600ms consistently
Firefox and Chrome on the VMs, between ~100 and 200ms.
Local machine IE7 & 8, using IE9's Browser Mode setting, ~100 to 150ms.
Are the any recommendations or "best practices" that I've not been able to dig up so far, with regards to Kendo Chart and older IE versions?
Is there anything I can do to improve the render time in IE7 or IE8.
index.html
<!doctype html>
<
html
>
<
head
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge,chrome=1"
/>
<
link
rel
=
"stylesheet"
href
=
"http://cdn.kendostatic.com/2012.2.913/styles/kendo.common.min.css"
type
=
"text/css"
/>
<
link
rel
=
"stylesheet"
href
=
"http://cdn.kendostatic.com/2012.2.913/styles/kendo.default.min.css"
type
=
"text/css"
/>
<
link
rel
=
"stylesheet"
href
=
"http://cdn.kendostatic.com/2012.2.913/styles/kendo.dataviz.min.css"
type
=
"text/css"
/>
</
head
>
<
body
>
<
div
id
=
"chart"
></
div
>
<
script
src
=
"http://code.jquery.com/jquery-1.8.2.min.js"
></
script
>
<
script
src
=
"http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"
></
script
>
<
script
type
=
"text/javascript"
>
var getTestData = function (numberOfItems) {
var arrayOfData = [];
for (var count = 0; count <
numberOfItems
; count++) {
arrayOfData.push({"Period":count,"ExPrice":0.3,"CumPrice":0.7})
}
return arrayOfData;
};
var
arrayOfChartData
=
getTestData
(30);
var $priceHistoryGraphElement = $("#chart");
var
before
=
new
Date();
$priceHistoryGraphElement.kendoChart({
theme: $(document).data("kendoSkin") || "default",
chartArea: { background: "" },
dataSource: { data: arrayOfChartData },
seriesDefaults: { type: "line" },
series: [
{ field: "ExPrice" },
{ field: "CumPrice" }],
categoryAxis: { field: "Period", labels: { rotation: 285, margin: { left: -15}} }
});
var
after
=
new
Date();
document.write("kendoChart call took " + Math.abs(after - before) + "ms to complete.");
</script>
</
body
>
</
html
>