Release Notes
Version 1.1.0
31st May, 2019
New Feature
A new chart - Grouped column (aka multi-series column) is now supported in FusionTime.
All major FusionTime components can now be styled according to individual brand preference using familiar CSS styling for HTML and SVG objects. Components include:
Time Axis (SVG styling)
Y-axis (SVG styling)
Crossline (SVG styling)
Time Marker (SVG styling)
Data Marker (SVG styling)
Time Navigator (SVG styling)
Tooltip (HTML styling)
Improvement
Default derived styles for different FusionTime components have been removed. You can now add styles using the
style
object for each component.Following objects are now available in FusionTime:
timenavigator
tooltip
crossline
The default font of all text is now Helvetica, Arial or Sans-Serif.
Ordering of elements and stroke for the top border in the stacked area chart has been improved for better visual clarity.
Standard range selector (aka SRS) component has been re-designed.
A new theme,
UMBER
, is now available for FusionTime charts.Design choices for existing themes, especially Gammel, have been improved.
Better error messages are now available if one gives an incorrect axis or plot configuration.
Fixes
Selecting and applying time from the Custom Range Selector selection box is now working fine.
In Windows hybrid touch devices, the Custom Range Selector calendar is now working properly.
If for a component styling is provided using both the
dataSource
andthemes
, the theme engine will merge properties from both the sources to display the component.In candlestick and OHLC charts the styles of the
bear
andbull
are now getting applied properly. Previously, the style properties were getting interchanged.In candlestick and OHLC charts the color of the
bear
andbull
were changing at the time of panning. This issue is now fixed.Consolidated date in data marker tooltip was showing junk text. This issue is now fixed.
If the
chart{}
object is not given or left blank, earlier thesetChartAttribute()
API was not working. This issue is now fixed.stroke-width = 0
is now working for anchors fromplotConfig
object.Tooltip cosmetics were not getting updated when theme was changed after hovering on the plots. This issue is now fixed.
Grid line styles in the Y-axis are now properly applied.
Marker-notch of the time instance marker was shifted below the X-axis. It has been placed correctly now.
Tooltip padding using styles was not accepting multiple values. This issue is now fixed.
When the data value is very less, on plot hover, the tooltip overlapped the crossline label. This issue is now fixed.
Setting the style of the text using
chart.style.text
was not working. This issue is now fixed.Table id was not getting assigned to the child or derived dataTable. This issue is now fixed.
Deprecated
enableNavigator
attribute is now deprecated, and the same can be achieved by using theenabled
attribute inside thetooltip
object.
Version 1.0.0
27th February, 2019
This marks the release of first version of FusionTime! One can now create high performing time series visualizations and stock charts in Javascript very easily.
The usage of a special data layer in FusionTime ensures that a seamless experience of the out-of-the-box features of time series visualization is available even with a high volume of time series data.
Based on the requirement one can create either a simple time series chart, a multivariate chart, a chart with multiple data plots, or a dual Y Axis chart, etc., with equal ease.
FusionTime supports all the standard plot types - line, area, column, stock charts, etc and their variants.
Some important components of FusionTime include:
Time axis - xAxis of the chart is used as the time axis. Based on the size of the chart and the atomicity of the available time series data, FusionTime auto-aggregates data to represent the pattern in an understandable way.
Time Navigator - the pattern of the entire data is visible in this component. Active window helps to focus on data of a given time range in greater detail.
Standard range selector - helps the user select standard time periods
Custom range selector - helps the user specify a specific time period
Y Axis - is the axis on which measures are plotted. It can come in either a linear or log scale. It can be plotted either on the left or right side of the canvas.
Crossline - gives you quick context of data when you are interacting on the chart.
Time marker - helps you mark important events on the time axis.
Data marker - helps you mark important events on data plots.
Reference line - helps you to quickly compare data plots against a fixed value.
FusionTime comes with three themes (Fusion, Gammel, Candy).
CSS styling can be applied using the style definition specifications.
Charts created with FusionTime can be exported into jpg, png, svg, and pdf formats.
You can also use FusionTime from different technologies (angular, angular JS, react, vue, ember, jquery) using the existing FusionCharts wrappers.
The charts created with FusionTime are responsive and work well on touch devices.