The last release of the product (v2.1) was very significant for us. Working on the feature set in this release has given more prowess to the team to handle time-series data in an efficient way. The way we handle the time axis operations have been generalized further to accommodate the features released now. Some noteworthy development include:
Table of Contents
The long asked ability to remove the portion of time which is not relevant to a particular case is possible now. Developers will now be able to remove certain sections of time axis which is of no use to them. The remaining plots and time axis will look continuous as before with the same ease of interaction and immersive experience.
This can be useful for people who do not record time throughout. Using this feature you can define your own universe of time. Some evident uses are:
See the Pen Time axis clipping ✂️ by FusionCharts
(@fusioncharts) on CodePen.
No more workaround solutions for people who want to plot ranges on time axis! With this release, there will be two types of range plots available – area-range and column-range. These plots can be used to show the spread between maximum and minimum (or highest and lowest) values for a given bin (or time).
See the Pen Area Range Plot in Timeseries 🔢 by FusionCharts
(@fusioncharts) on CodePen.
See the Pen Column Range Plot in Timeseries 🔢 by FusionCharts
(@fusioncharts) on CodePen.
Previously the positions of caption and sub-caption were limited to the left position only. Now, developers will have the flexibility to place it either at left or at right or at center of the top of the chart.
See the Pen Caption / Sub-caption position 🛠 by FusionCharts
(@fusioncharts) on CodePen.
After these improvements, it feels like the default scaling of yAxis spread in some zoomed states was not at it’s very best. With the improvements which we have done now, the scale of yAxis should adapt better at different zoom levels to give clearer data plot visuals to the consumers of the chart.
Along with this, the spacing among certain components like yAxis has also been improved. It lines with Gestalt’s principle of proximity, these improvements should result in a better comprehensive experience of the time series chart.
Some components which we will try to improve next includes:
Do you have any suggestions for FusionTime? We’d love to hear from you. Drop us an email at product@fusioncharts.com.
You can build complex web applications easily with Angular. But it’s a challenge to present…
JavaScript charts help transform raw data into clear, interactive visualizations that users can easily understand.…
Modern web applications depend on data visualization to transform complex information into clear, actionable insights.…
Data is a big part of modern software. Companies use charts to track sales, monitor…
Every day, businesses get more data than ever before. Looking at endless rows and columns…
Building interactive React charts from scratch can quickly become complicated. It becomes even more challenging…
View Comments
Hi guys, the clipping feature (and the clipping cue indicator) is great!
Do you also plan to add non-repetitive clippings? Meaning single dates that do not repeat at all or do not repeat on the same day (e.g. holidays, maintenance shutdowns, etc.) Thank you.
Hey Marek, thanks for the kind words!
Both repetitive (cyclic) as well as non-repetitive (non-cyclic) clipping of time axis is possible. Here's an example for non-repetitive clipping: https://codepen.io/fusioncharts/pen/abOyMdB.
Hi Gagan, thanks for a quick reply and the provided code sample. It works in my code as well now.