How FusionTime Works
- Smartly aggregate data on the time axis
- Built-in powerful components like,
In this article, we will discuss the complete flow of how FusionTime works. To start with let’s get an overview of the difference from existing FusionCharts.
How FusionTime is different from FusionCharts
While FusionCharts can help you visualize data in dozens of different ways, FusionTime works exclusively with time series data. Unlike other varieties of charts in FusionCharts, which only (till now) accept data in JSON/XML, FusionTime accepts data in rows and columns as a Datatable. You can then apply different data operations (filter, grouping, etc.) on the
DataTable to optimize your data as per the requirement.
FusionTime Data Layer
FusionTime data layer is comprised of a DataStore and a DataTable. So, how do you create the
DataTable? The FusionTime data layer comes with a DataStore which accepts data in JSON/2D array format. The data fed in the
DataStore is converted to a root
DataTable. This root
DataTable contains the source data in a tabular format.
Once the root data table is available, one can either use it to render the chart or apply data operations on it, to create a new
DataTable with modified data. Data operations are chain operations which can be applied on any data table. Once we decide on the data table for a particular FusionTime chart, we can instantiate the chart using the particular derived data table.
DataStore also contains a set of data operators (filter, grouping, etc.) which can be applied to any
DataTable. Any operation applied on a
DataTable to optimize data generates a new child DataTable. Likewise, any number of data tables can be generated from either the master or other child data tables. You can then provide any one of them to render the chart.
To help understand better refer to the illustration below:
The above illustration is a flow diagram which defines the following:
- Source data fetched to the browser in JSON/2D array format from the data source like WebService, Databases, etc.
- Create a
DataStoreand load your data to create the root
- The root
DataTableis then fed to the chart renderer along with chart configurations to render the chart.
- Alternatively, you can also apply data operations on the root
DataTableto generate another derived
- You can then feed the derived
DataTableto the chart renderer along with chart configurations to render the chart.
Now that you have the basic understanding of the data flow for FusionTime it's time to install and build your first chart.