Text in rangeSelector

Question

I want to know if is possible in my stockchart angular component to change the text on the bottom of the range selector?

I see Quarter 1... Quater 2...

! want to be able to change the "Quarter" for something else.

Thanks !!

Durga Gopalakrishnan · Accepted Answer

Hi Frederic,

 

Greetings from Syncfusion.

 

We have validated your reported
scenario. As of now, we don’t have support to customize the stock chart range
selector labels before rendering. We suggest you use stock chart loaded
event to change the range selector labels based on your requirement. 

 


 
  
  public loaded(args:IStockChartEventArgs):
  void{
        
  var rangeLabels =
  document.getElementById("stockChartDefault_stockChart_svg")
  .querySelectorAll('[id*="stockChartDefault_stockChart_rangeSelector_AxisLabel_"]');
       
  if (rangeLabels != null) {
       
  for (let i = 0; i < rangeLabels.length; i++)
     
      rangeLabels[i].innerHTML
  = "Quarter";
       
  }
      };
  
 


 

Sample :
 https://stackblitz.com/edit/angular-a3ikdg

 

Please revert us if you have any
concerns.

 

Regards,

Durga G