Kendo Line Chart vs Kendo Stock Chart

[Neil]

Hey,
Ive got a set of data which im using for a kendo line chart and it renders it fine, I use the same dataset on a stockchart (type: line) and choose the same baseUnit as the line chart and it crashes. It happens probably because there are too many point. Could this be the case that a simple line chart can handle that amount of points and the stock chart cant.
Regards,
Neil

[Iliana Dyankova]

Hi Neil,

I am not quite sure what causes the described behavior in your applications. Is it possible to send a simple jsFiddle / jsBin example which demonstrates the issue? This way I would be able to investigate what is going wrong and provide concrete recommendations. Thank you in advance for your time.

Kind regards,
Iliana Nikolova
the Telerik team

[Neil]

Hey, I thought adding a large file to jsBin will be a bit daft so Ive attached 3 files for You to check:

1.tenmin.json -  the data file
2.line - the line chart that works with data
3.stock chart that works with data if the base unit is selected to hours, but when I try to select to minutes it crashes ( and I do need minutes, the data is every 10minutes) Id like the stock chart to be the same way the simple line chart is, but it crashes whenever I change the baseUnit.
Either Im doing something wrong or it just too much of data.
Regards and thank You

[Iliana Dyankova]

Hi Neil,

Thank you for the examples. 

Your configuration is totally valid, however there are too many points and such points cannot be rendered. Please have in mind the idea of Kendo UI StockChart is to use the navigator and browse of extended time periods. Do you really need to plot minutes on the StockChart's categoryAxis?
 
Regards,
Iliana Nikolova
the Telerik team

[Neil]

Hey Thanks for You reply,
Could You tell me what is the maximum point number the stock chart CAN handle ?

[Victor]

I would also like to know max data points a Kendo linechart can render? Also what is optimal number of points for best performance?
Thanks

[Iliana Dyankova]

Hi guys,

I am afraid there is no a specific answer to this question. By design Kendo UI Chart / StockChart render data visualizations and when there are too many points the graph will not be readable. In addition, the best visualization is reached when there is a single point per pixel.

Kind regards,
Iliana Nikolova
the Telerik team

[osman]

$("#linechart").kendoChart({
                        title: {
                            text: "Tüketim/kg"
                        },
                        series: [{
name:"a",
                            type: "line",
                            data: [0.9346,0.1714,0.03808]  },{
name:"b",
                            type: "line",
                            data: [0.079, 5 , 0.02]                        },{
name:"buhar",
                            type: "line",
                            data: [5.3,0.82,3]                        }],
                        categoryAxis: {
labels:
                      {
                          rotation: -90,
                          dateFormats:
                              {
                                  minutes: "HH:mm",
                                  hours: "HH:mm",
                                  days: "dd/MM/yyyy",
                                  months: "dd/MM/yyyy",
                                  years: "yyyy",
 weeks:"dd/MM/yyyy"
                              }
                      }, type: "Date", baseUnit: "days", 
                          
                            categories: ["2013-01-11","2013-01-12","2013-01-13"]                        }
,tooltip: {
              visible: true,
 template: "#= tooltipTemplate(dataItem) #"
              
          },seriesHover: tip
 ,
        navigator: {
            series: {
                type: "column"
            }
        }
                    });

how can i add navigor to this chart ?

[Iliana Dyankova]

Hello Osman,

I am afraid presently the navigator is available only for Kendo UI StockChart and it cannot be used with other chart types. Currently you could use the categoryAxis.select option. For working example check this online demo.
 
Regards,
Iliana Nikolova
Telerik