Question

I am using Kendo UI Line chart from Web Dataviz package for generate a Graph with 500+. but the load of the graph is too lazy. It takes like 25 seconds for the graph to be generated.

I am using a date for Category Axis and a Decimal Value for the serie with a odata datasource.

Can I optimize the load time of the graph?

$("#chart").kendoChart({
                theme: $(document).data("kendoSkin") || "default",
                dataSource: {
                    type: "odata",
                    transport: {
                        read: crudServiceBaseUrl + "/Odata/TestODataService.svc/EGauges"
                    },                      
                    serverFiltering: true,
                    serverSorting: true,
                    sort: { field: "DateData", dir: "asc"},
                    filter: [                       
                        {field: "From", operator: "eq", value: 422 },//400+
                        { field: "Id", operator: "eq", value: parseInt(id) },
                        { field: "Intervalo", operator: "eq", value: 23 },
                        { field: "Tipo", operator: "eq", value: 'm' }
                    ],
                title: {
                    text: ""
                },
                legend: {                       
                    position: "bottom"
                },
                seriesDefaults: {
                    type: "area"
                },
                series: [{
                    field: "Value",
                    name: "Value"
                }],
                categoryAxis: {
                    field: "DateData",
                    labels: {
                        visible: false,
                        rotation: -90
                    }
                },
                axisDefaults: {
                    visible: true,
                    majorGridLines: { visible: false }
                },
                tooltip: {
                    visible: true                       
                }
            });

Here is how the odata service is returning data:

jQuery1704278529312834345_1357310335401({"d" : {
 "results": [
 {
     "__metadata": {
     "uri": "http://localhost/Prosol.Web/Odata/TestODataService.svc/EGauges(18)", 
     "type": "TestOpenErpInterfaz.Web.TestEntityDataSource_EGauge"
  },
 "EGaugeID": 18, 
 "From": 422, 
 "Id": 18, 
 "Tipo": "m", 
 "Intervalo": 23, 
 "DateData": "\/Date(1357310820000)\/", 
 "Value": "3.72", 
 "TotalKw": "0", 
 "TotalCosto": "0.00", 
 "TotalKwGen": "203.23999999999999999999999999", 
 "TotalCostoGen": "16.259199999999999999999999999", 
 "FechaDisplay": "Ene 4, 2013 14:47"
},........
], "__count": "421"
}
})

Answer 1

Finally I Use FlotCharts, For some reason the KendoUI Chart laoad data very lazy… I use Kendo Ui Datasource for read data from Web Service and load on FloatChart…

http://www.flotcharts.org/

This is simple, fast, and freeware