CODEWITHSUNDEEP
javascriptjqueryjquery-pluginsflot
gabaum10
gabaum10

Reputation: 3827

Jquery Flot - make data more granular as user zooms

So I am trying to devise a way to create a nifty chart in which the user can zoom. I want to try to create an effect that as the user zooms, the data will become more granular. For example, say we are looking at a count on a date/time.

when you're at default zoom, which is say 3 months, you will see 1 data point every 24 hours. I am trying to get it as you zoom in, and see a smaller chunk for that data to get more granular. Like if you're looking at a day, each hour will get its own data point.

Do you all think it's possible to achieve an effect like this using Jquery Flot? I have all of the data broken down into hours at the beginning, it's just a matter of calculating how much of it should be shown.

I already have the zoom functionality working, but just need to figure out how to make the data change as well.

Thanks!

Upvotes: 0

Views: 242

Answers (1)

DNS
DNS

Reputation: 38189

Flot won't do this automatically; you would have to register a callback on zoom that iterates over the original array to pick out, i.e. every nth sample, then redraws the plot using the results.

Upvotes: 3

Related Questions