- blog n.
- Website on which an individual or group of users produces an ongoing narrative.
15 09/2010New PropellerMail (non-Flash) Charts
Flash has previously been used for all the charting within PropellerMail. When we were testing out the best approach to this, the Flash-based option really was the best solution for creating great looking, reasonably complex charts.
Adding touch support
Each chart has a nice tooltip for each data point that shows the specific results for that point in time. This works great using a mouse, but we wanted to get the same effect using touch on devices like the iPad.
Adding these events made it easy to run your finger over the charts and get the same result as a mouse hover on the desktop.
The original charts required you to mouse over a specific point to show the tooltip, a bit bit fiddly, especially on the smaller charts, so we tweaked it to display the tooltip no matter where the mouse was on the chart, making it easy drill down to exact numbers.
We have quite a few customers sending very large campaigns and some of the charts are crunching some pretty serious numbers. Because of this, some charts might take a couple of seconds to load the first time.
While we’re always working on improving these speeds, we now show a nice little animation while the numbers are being crunched.
Once the data is loaded and indexed, it will load almost instantly on return, but this is nicer than a big white hole in the page before the chart was shown.
As well as being able to work in a stack of UI (User Interface) improvements over the previous approach, these new charts are much snappier, work in all browsers and provide a great experience for anyone using them on a touch based device like the iPad.