Scrolling area graph when clicking and dragging mouse

Question

I have the following challenge: Create an area chart where the client can drag the areas of the chart (click and drag) and later save this "new view", after the displacement of the areas.

The first idea that came to mind was to make the shift via Javascript modifying the axis of the graph from the click events, but it would feel a certain difficulty to store this information back in the database.

After thinking a little about it, I decided not to reinvent the wheel, so I went out looking for libraries that already do this, but it is not so simple to find.

So the question is: Do you know any component/resource that meets this need? Preferably in a web environment, but being local is also welcome!

Answer 1

In fact, the ideal is not to reinvent the wheel, but you quoted: store back this information in the database... Well, what’s the difficulty?

Before storing in the bank, save the X and Y coordinates somewhere and work with them.

Now speaking of the "component/resource" you seek, which me know, we have the gRaphael and the Highcharts.