Display legends at he end of corresponding line in a html5 line chart

[imcool.surajitjgec2006]

I have few questions on chart customization:

1. Is it posible to customize a html5 line chart to display legends at the end of each corresponding line. Please see the attached image for more clarity of my question.

2. Can we show the x axis categories on top instead of showing them at bottom. I would also need vertical lines for each of the category. Please see the attached image for more clarity of my question.

 

[imcool.surajitjgec2006]

Sorry, no option to attach image here. Let me know if you need clarity on these questions.