Flot Graph multiple Yaxis Label overlaps(Flot lib, Jquery)

Question

I am new in Asp.Net Web development..........

I am working on a web form application which is using asp.net c# and MS SQL Server 2008 as database. I want to plot a graph of trends. I need to perform this using jquery library flot.

I want the units of trends points on y axis and date on x axis. There will be 2 yaxis. I want to plot 2 different trends.

I have got success to plot the graph, it plots trends using two differents units of two yaxis. I am unable to perform the labeling properly, it overlaps both of the yaxis labels on each other. I have referred the code as per the following links:

http://www.jqueryflottutorial.com/how-to-make-jquery-flot-multiple-axes-chart.html

 

http://www.pikemere.co.uk/blog/flot-tutorial-how-to-create-charts-with-multiple-axes/ 

I have copied & pasted the entire code from these two links, but the same code gives different output than shown in the o/p picture. It overlaps yaxis' label.

Am I referring some wrong version of the axislabels js?

What can be the issue?

Can anybody help me to perform this?.

Thanks in advance.

- Regards