An additional grid control for LightningChart JS compatible with all library visualizations.
A top-level UI component
A limitless grid control
Supporting all types of content
Explore the features
The component features the ability to merge cells, providing an even more organized and efficient way to analyze and present data. This unique feature adds versatility to your data visualization process and takes your data analysis to the next level
Effortlessly present and analyze large data sets with the in-cell DataGrid visualization options. Choose from a variety of chart types, including sparklines, area charts, bar charts, win-loss charts, and pie charts, to effectively display and understand your data on a smaller scale.
Cell properties such as font, padding, or borders are fully customizable and can be individually assigned. This component has built-in functionalities for highlighting cells, rows, and columns.
Both cells and backgrounds support dynamic coloring based on data values. This enables the grid component to be used as a heatmap.
Add custom user-interactions to the DataGrid component based on users’ actions, such as activating a drilldown based on a mouse click or hover.
How to integrate DataGrid into my LightningChart JS app?
The grid component is a fast, advanced, and highly-customizable tool for a more detailed data analysis that supports a wide variety of content formats and in-cell visualizations.
You can use the DataGrid component as an add-on to LightningChart JS v.4.0 or higher. To use DataGrid, you will need to purchase a license.
You can always test the DataGrid component before purchasing. To do so, please visit our Interactive Examples.
This is a drill-down type use case of LightningChart Data Grid in a cryptocurrency context. The grid is used to display a lot of top-level information about several items. Here we can see icons, spark charts, dynamic coloring, highlighting, and mouse events being used.
Here we see a real-time Data Grid use case. This chart and grid show the same data, but in different formats. This is a good demonstration of the real-time capabilities of Data Grid.
This application shows the idea of heatmap coloring in a real-time case. Understanding the numerical data takes time for the human eye. On the other hand human eye is more sensitive to color changes