Rotate jqplot or any other jQuery segment 90 degrees

Question

I would like to display a graph after rotating 90 degrees. I prefer any jquery based bookmarking tool.

fig. 1 is a diagram of a normal graph

fig. 2 is a diagram that should have a rotating figure 1

As I see it, jqplot uses several canvases to draw a graph. If someone can help me, showing a way to rotate the div continent of the canvas.

Answer 1

I don't know about jqplot, but you can rotate any div using css tranforms: http://w3schools.com/cssref/css3_pr_transform.asp

Answer 2

I created a vertical jqplot diagram using CSS rules, but it also has some problems.

You can view my blog post about it here,

http://gayashan-a.blogspot.de/2012/08/simple-dynamically-updating-line-chart.html

These are the problems that I have encountered so far:

• Tracking the cursor causes problems because it does not look like the div was rotated.
• It is not possible to click on a point while rotating a div.

If this is not a problem, you can use CSS rules to have a jqplot chart rotated 90 degrees.