Our Flutter widgets continue to improve and expand this release with new DataGrid, Maps, and Slider widgets; new histogram and spline range area chart types; and schedule view support in the Calendar widget.
DataGrid lets you display and manipulate data in a tabular view. It was built from the ground up to achieve the best possible performance even when loading large amounts of data.
Show different data types (int, double, string, and date-time) in different types of columns. Also, load any widget in a column.
Set the width of columns with various sizing options. Columns can also be fitted based on their content.
Set the height for rows based on the content of their cells.
Select one or more rows. Keyboard navigation is supported for web platforms.
Customize the appearance of cells and headers. Conditional styling is also supported.
Use a dark or light theme.
The Flutter Maps widget allows you to visualize GeoJSON data as a geographical area. It has highly interactive and customizable features such as data labels, selection, markers, bubbles, assignable colors based on region, and legends.
Denote a location with built-in symbols or display a custom widget at a specific latitude and longitude on a map.
Add information to shapes such as population density, number of users, and more. Bubbles can be rendered in different colors and sizes based on the data values of their assigned shape.
Select a shape in order to highlight that area on a map. You can use the callback for performing any action during shape selection.
Use legends to provide clear information on the data plotted in the map. You can use the legend toggling feature to visualize only the shapes to which the legend applies.
Categorize the shapes on a map by customizing their color based on the underlying value. It is possible to set the shape color for a specific value or for a range of values.
Display additional information about shapes and bubbles using the customizable tooltip on a map.
The Flutter Slider is a lightweight widget that allows you to select a single value from a range of values.
Provides functionality for selecting numeric and date values. For dates, support is provided up to the seconds interval.
Render labels for date and numeric values with the option to customize their formats based on your requirements.
Provides the option to show ticks and divisors based on the slider interval. Also, minor ticks can be enabled to indicate the values between each interval. These options present the selected value in a more intuitive way for end users.
Accepts custom widgets like icon or text inside the thumb.
Render a tooltip to show the selected value clearly. You can also customize the format of the text shown in the tooltip.
In addition to the rich set of built-in features, the control is fully customizable through its wide range options.
Shows a list of scheduled appointments grouped by week, between min and max dates.
Restricts user interactions, such as selection, and highlights specific regions of time in timeslot views.
Web layout improved for better experience, and now the mouse hovering effect has been applied to all the calendar elements.
Support has been added for rendering the following chart types:
The axis elements, such as labels, ticks, and grid lines, will be animated on axis range change.
Transform the linear gradient of series’ fill and stroke to any desired angle.
Plot lines are used to mark or highlight a particular value in an axis range with different colors.
Align the axis labels above, below, or center to the grid lines.
Show a vertical line when the high and low values are the same in financial series.
Hide the data label and its connector line when the y value is zero.
We have improved the loading and live update performance of all the series types in Charts.
The Date range picker provides option to restrict users from navigating to any picker views and allows user to select values in terms of month, year or decade.
Enables a multi-date range picker that shows two date range pickers side by side.
Provides an option to defer range updates, allowing you to control when dependent components are updated while thumbs are being dragged continuously.
Provides an option for selecting only discrete numeric and date values.
Accepts custom widgets like icon or text inside the left and right thumbs.
Allows users to select a particular interval by tapping or clicking in it. Both thumbs will be moved to the current interval with smooth animation.
Easily customize the Range Selector using a wide range of options for each element in the widget.
Provides an option for selecting only discrete numeric and date values.
Allows users to select a particular interval by tapping or clicking in it. Both thumbs will be moved to the current interval with smooth animation.
Accepts custom widgets like icon or text inside the left and right thumbs.
Easily customize the Range Selector using a wide range of options for each element in the widget.
You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.
