Charts in IE - Loading from big datasets

Suite and Optimus Suite 5
#1

I load xml file to line chart with about 20 series (one series have about 120 values):

  • 15044.0 28197.0 28825.0 12203.0 26241.0 12025.0 14561.0 15461.0 17210.0 13163.0 18079.0 14232.0 15311.0 14053.0 13312.0 13641.0 11691.0 11760.0 0 2/8

…

  • 19606.0 55185.0 29254.0 16153.0 43861.0 18101.0 29977.0 14927.0 18784.0 13507.0 20710.0 16797.0 19331.0 18124.0 14020.0 13681.0 12435.0 11399.0 23 2/12

In Firefox loding finhished after 1s. in IE loading persist about 40s.
It’s normal or I should change something?

In my program first I create chart, next I load data (chartObj.load(fileName) ) and addSeries:
chartObj.addSeries({
value:cellName,
tooltip:toolTipText,
item: {
borderColor: innerColorName,
color: innerColorName,
radius: 3
},
line: {
color: innerColorName,
width:2
}
});

#2

Charts use different functionalities for drawing in IE and Firefox. In Firefox it is canvas and VML - in IE. VML adds elements to the DOM and canvas does not. Therefore, performance is better in Firefox.

You did not mention what type of chart you are using… However, make sure that it is not spline (use line instead of it), as this type of charts is drawn per points.

#3

I used that :

new dhtmlXChart({
view: “line”,
container: “chartArea” + tabId,
value: “#row1#”,
tooltip: {template: “#day# - #row1#”},
//label: “#row1#”,
width:130,
item: {
borderColor: firstColor,
color: firstColor,
radius: 3
},
line: {
color: firstColor,
width: 2
},
xAxis:{
title:“Time Date”,
lines: true,
//template:"#day#"
template:function(obj, common, data){
if (obj.id%12 == 0 || obj.id == 1) return obj.day;
return “”;
}
},
gradient:true,
border:false
})

#4

Unfortunately, there is not a way to improve performance :frowning: