While extending the Company performance page, a new charting library was needed to show the revenue and the number of orders for a certain time period. This time we decided to use an interactive graph, almost like the one used for Google Analytics. Currently we just have a static picture of the graph on the performance page. Every date range change needs a complete page reload and there are no interactive features.
Much faster library
The graphing library that will be used in the new performance page allows direct user interaction and has many convenient features. For example, it displays the value of the x- and y-axis when you hoover over a graph with the mouse (tooltip), and you can zoom in and out. Unlike the old graph library, this one loads the complete data needed to chart every possible date range at once. Therefore, when the user wants to see different date ranges, the graph can be rendered again on the browser without having to reload the page or receive data from the server. As a result, this library is much faster than the original one.
The features of the different charting libraries vary from only simple features such as just showing the graph, to dynamic, user interactive features such as zooming and tooltips, and optional features like data analysis.
Works with all browsers
Title image: Screenshot highcharts.com