Comments (3)
Hi @deadsoul44,
We have analyzed your query and we have considered your suggestion as a feature request regarding implementing a new heat map chart widget. We have also logged feedback for it in our feedback portal and this will be available in any of our upcoming releases yet to come.
you can also track the status of the feature using the below feedback link and you can comment on the link if you have any suggestion or concern about the widget.
https://www.syncfusion.com/feedback/19531
Regards,
Sriram Kiran
from flutter-widgets.
Thank you for the details. But, this approach paints individual cells without being aware of the adjacent cells. I thought more advanced and more smooth contour plots and heat maps with optional data annotations with various types can be painted like in the following example:
from flutter-widgets.
Hi @deadsoul44 ,
Thanks for your feedback.
Our DataGrid widget supports the conditional styling. You can achieve your requirement to highlight the cells based on the condition using onQueryCellStyle callback. Please refer the below below code snippet,
import 'package:syncfusion_flutter_datagrid/datagrid.dart';
import 'package:syncfusion_flutter_core/theme.dart';
@override
Widget build(BuildContext context) {
return Scaffold(
body: SfDataGrid(
source: _employeeDataSource,
columns: <GridColumn>[
GridNumericColumn(mappingName: 'id')..headerText = 'Order ID',
GridTextColumn(mappingName: 'name')..headerText = 'Name',
GridTextColumn(mappingName: 'designation')
..headerText = 'Designation',
GridNumericColumn(mappingName: 'salary')..headerText = 'Salary'
],
onQueryCellStyle: (QueryCellStyleArgs args) {
if (args.column.mappingName == 'designation') {
if (args.cellValue == 'Developer') {
return DataGridCellStyle(
textStyle: TextStyle(fontStyle: FontStyle.italic),
backgroundColor: Colors.tealAccent);
} else if (args.cellValue == 'Manager') {
return DataGridCellStyle(
textStyle: TextStyle(fontStyle: FontStyle.italic),
backgroundColor: Colors.blue[200]);
}
}
return null;
}),
);
}
UG Link
https://help.syncfusion.com/flutter/datagrid/conditional-styling#styling-based-on-content
You can refer the below example also,
https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/datagrid/apperance/conditional_styling
Please let us know if your requirement differs from our solution.
from flutter-widgets.
Related Issues (20)
- textScaler error HOT 6
- [syncfusion_flutter_charts] error render chart after update flutter and plugin - 'Null' is not a subtype of type 'String' of 'value' HOT 1
- [syncfusion_flutter_datagrid] handlePageChange method is call multiple time when load async data. HOT 1
- Error overflow HOT 4
- Updating dataSource keeps some previous y values HOT 6
- [syncfusion_flutter_datepicker] cellBuilder don't update when setState HOT 1
- default margin applied to the page. HOT 1
- [syncfusion_flutter_datagrid] Performance is terrible when use setState with SfDataPaper HOT 7
- Error on run HOT 5
- [syncfusion_flutter_charts] Wrong rendering of column width with date-time axis HOT 5
- When I add syncfusion_flutter_datepicker, it gives exception and does not work, but when I download a version 22.2.12 , it works without any error HOT 4
- groupCaptionTitleFormat Title not showing in new Group Feature HOT 2
- error HardwareKeyboard HOT 3
- EmptyPointMode.gap does not work on the FastLineSeries HOT 1
- Signature is not smooth in iOS drawing HOT 4
- [syncfusion_flutter_charts] ChartTitle alignment for multiline titles HOT 3
- [syncfusion_flutter_charts] Problems for change 23.2.7 to 24.2.9 HOT 6
- [syncfusion_flutter_calendar] raiseCalenarTapCallback should check if notes exist before calling. HOT 2
- Time column on the left and the date of the week on the top shrinks HOT 1
- [syncfusion_date_picker] The getter 'isAltPressed' isn't defined for the class 'HardwareKeyboard'. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flutter-widgets.