Kendo Line Chart vs Kendo Stock Chart

9 posts, 0 answers
  1. Neil
    Neil avatar
    39 posts
    Member since:
    May 2012

    Posted 27 Feb 2013 Link to this post

    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
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 28 Feb 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Neil
    Neil avatar
    39 posts
    Member since:
    May 2012

    Posted 04 Mar 2013 Link to this post

    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
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 07 Mar 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Neil
    Neil avatar
    39 posts
    Member since:
    May 2012

    Posted 07 Mar 2013 Link to this post

    Hey Thanks for You reply,
    Could You tell me what is the maximum point number the stock chart CAN handle ?
  6. Victor
    Victor avatar
    2 posts
    Member since:
    Feb 2013

    Posted 07 Mar 2013 Link to this post

    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
  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 11 Mar 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. osman
    osman avatar
    19 posts
    Member since:
    May 2013

    Posted 07 Jun 2013 Link to this post

    $("#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 ?
  9. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 10 Jun 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top