The requirement of the scatter graph is to have two Y axis( y1 and y2 respectively) either side and x axis in the middle. Detailed description as follows

1. Need to draw a graph with two y-axis ?

2. I need to have different symbols that is denoting different axes

   For example-

   Plotting Legend Item called Path 1 - Bold Dot symbol - { (X,Y1),....etc }

   Plotting Legend Item called Path 2 - Triangle symbol - { (X,Y2),....etc }

Plotting items might have many paths like path 1 and path 2 ... path n.

Note - For each path my requirement is to use different symbols to draw . One path would consider only X and Y1-Axis and some other path would consider only X and Y2-Axis for scatter plots

Please find the sample graph as follows:-

Currently i have choosen D3.js package for development, since my front end is AngularJs (1st version of angular). Any one pls suggest on selecting whether D3js would satisfy my need or any other package.

How to draw different plots with two different YAxis ? Could anybody suggest for drawing the above graph with samples that would highly help me