Create a Secondary Y Axis at the right side of the chart

[Cesar Smerling]

Hi, I'm unable to create another Y Axis in the Chart (I am using line series with DateTime as X axis). I want to create one serie associated with this secondary Axis, and the values an label of the axis i want to be posisionated at the right side of the plot.
How is the correct way to use the [axes] property to create more axis?

[Durga Gopalakrishnan]

Hi Cesar,

Greetings from Syncfusion.

We’ve reviewed your requirement, and it can be achieved by using the axes property to render a secondary Y-axis. To display the axis on the right side of the chart, kindly set the opposedPosition property to true for the desired axis. We already have an online demo that demonstrates this functionality. Please refer to the links below for the demo and documentation:

<ejs-chart [axes]='axis'>

   <e-series-collection>

        <e-series yAxisName='yAxis'></e-series>

   </e-series-collection>

</ejs-chart>

public axis: Object = [{

        opposedPosition: true,

        name: 'yAxis',

   }];

Demo : https://ej2.syncfusion.com/angular/demos/#/tailwind3/chart/multiple-axis

UG : https://ej2.syncfusion.com/angular/documentation/chart/axis-customization#multiple-axis

Let us know if you need help customizing the axis further or integrating it into your application.

Regards,

Durga Gopalakrishnan.