How to get rid of StockChart Navigator line

4 posts, 0 answers
  1. Joe
    Joe avatar
    11 posts
    Member since:
    Jan 2014

    Posted 31 Oct 2014 Link to this post

    How do I get rid of the line that appears when you zoom or move around a stockchart?  I have attached a picture to show the line in question.

    Thanks,
    Joe
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 31 Oct 2014 Link to this post

    Hi Joe,

    In order to achieve the expected result you should set navigator.hint.visible option to false:
    $("#stock-chart").kendoStockChart({
      //....
      navigator: {
         hint: {
           visible: false
         }
      }
    });

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Joe
    Joe avatar
    11 posts
    Member since:
    Jan 2014

    Posted 31 Oct 2014 in reply to Iliana Nikolova Link to this post

    Is it possible to still show the dates, but hide the line?  No one can understand what the line is really there for.  
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 04 Nov 2014 Link to this post

    Hi Joe,

    The line can be hidden using the following CSS rule:
    .k-chart .k-scroll {
       display: none;
    }

    I agree that this is not the best visual representation of a scrollbar and we'll consider a design refresh for it.

    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