Skip to content

A quick-start example to help you add the Syncfusion Flutter Charts package to a Flutter app. By default, the flutter app will render with light theme. Hence our chart widget will also render with light theme. Theme of the app can be switched by setting values of the ‘Brightness’ property as 'darkTheme’...

Notifications You must be signed in to change notification settings

SyncfusionExamples/dark-theme-flutter-cartesian-chart

Repository files navigation

Render the Flutter Cartesian chart (SfCartesianChart) in dark theme

A quick-start example to help you add the Syncfusion Flutter Charts package to a Flutter app. You will learn how to add a theme for cartesian chart. By default, the flutter app will render with light theme. Hence our chart widget will also render with light theme. Theme of the app can be switched by setting values of the ‘Brightness’ property as 'darkTheme’. Based on this, the chart widget appearance will also be changed to provide better readability in both the themes. No need to set any other API for rendering the dark theme in the chart widget. It will be automatically changed based on the brightness value of the application.

Chart elements like axis line, axis labels, axis tick lines, axis gridlines, legend item text, chart title, and tooltip, etc., will be changed.

Documentation: https://help.syncfusion.com/flutter/themes

Requirements to run the demo

How to run this application

To run this application, you need to first clone or download the ‘dark theme flutter cartesian chart’ repository and open it in your preferred IDE. Then, build and run your project to view the output.

Further help

For more help, check the Syncfusion Flutter documentation, or Flutter documentation.

About

A quick-start example to help you add the Syncfusion Flutter Charts package to a Flutter app. By default, the flutter app will render with light theme. Hence our chart widget will also render with light theme. Theme of the app can be switched by setting values of the ‘Brightness’ property as 'darkTheme’...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published