Stock chart Navigator component's labels/readings are overlapping with each other.

[Rocky]

Hi,

Stock chart Navigator component's labels/readings are overlapping with each other as highlighted in the attached screen shot. Please help us in resolving this issue.

 

[Iliana Dyankova]

Hi Rocky,

I already answered to the same question in your other thread, however I am pasting my reply here too:

In order to prevent labels overlapping you could use one of the following approaches:

• Rotate the labels: 
  Copy Code

  $("#stock-chart").kendoStockChart({
    //....
    navigator: {
      //....
      categoryAxis:
         labels: {
           rotation: 270
         }
      }
    }
  });

• Use the step property and skip displaying some of the labels:
  Copy Code

  $("#stock-chart").kendoStockChart({
    //....
    navigator: {
      //....
      categoryAxis:
         labels: {
           step: 4
         }
      }
    }
  });

  Regards,
Iliana Nikolova
Telerik