Secondary Axis for indicators

[Christian DAquino]

Is there a way to add some indicators, RSI as an example, to a secondary axis on the chart?

I know the chart component can do it, but I haven't found a reference for the stock chart component.

[Veerakumar Narayanasamy]

Hi Christian,

Thank you for reaching out, Syncfusion!

We have validated your query regarding rendering an indicator in the stock chart. To demonstrate this, we created a sample for rendering an RSI indicator. By default, the stock chart renders the Y-axis on the opposite side.

Find the sippet below for your reference.

<e-stockchart-indicators>

                <e-stockchart-indicator type='Rsi' field="Close" fill="blue" seriesName='Apple Inc'

                          xName= 'date'

                          yName="open"

                          high='high'

                          low='low'

                          open= 'open'

                          close= 'close'

                          [period]= 'period'

                          [upperLine]='up'

                         [lowerLine]='down'

                > </e-stockchart-indicator>

</e-stockchart-indicators>

 public up = { color: '#ffb735', width: 1 };

  public down = { color: '#f2ec2f', width: 1 };

Screenshot:

Sample: Syncfusion sample.

Documentation: https://ej2.syncfusion.com/angular/documentation/stock-chart/technical-indicators

Feel free to reach out us.

Regards,

Veerakumar N.