How to get rid of StockChart Navigator line

[Joe]

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

[Iliana Dyankova]

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

 

 

[Joe]

Is it possible to still show the dates, but hide the line?  No one can understand what the line is really there for.  

[Iliana Dyankova]

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