SciChart Themes
SciChart ships with 8 stunning themes which you can select and apply to the charts in your application. Most of the components of SciChart are also templatable and stylable, so you can truly customize the chart to fit your application.
The 8 built-in themes are shown below. You can also create your own custom theme, or modify ours to meet your needs.
Oscilloscope Theme |
SciChartv4Dark Theme |
Electric Theme |
ExpressionDark Theme |
BlackSteel Theme |
ExpressionLight Theme |
Chrome Theme |
BrightSpark Theme |
Applying a Theme to the SciChartSurface
To apply a theme to a SciChartSurface, simply use the following code. Allowable values for theme string include SciChartv4Dark (default), Oscilloscope, Electric, ExpressionDark, ExpressionLight, BrightSpark, Chrome, BlackSteel.
Applying a Theme in XAML
Applying a Theme |
Copy Code
|
---|---|
<!-- where xmlns:s="http://schemas.abtsoftware.co.uk/scichart" --> <s:SciChartSurface s:ThemeManager.Theme="SciChartv4Dark"> <!-- XAxis, YAxis, RenderableSeries omitted for brevity --> </s:SciChartSurface> |
Applying a Theme in Code
Applying a Theme |
Copy Code
|
---|---|
var sciChartSurface = new SciChartSurface(); ThemeManager.SetTheme(sciChartSurface, "SciChartv4Dark"); |
Applying a Theme to all SciChartSurfaces in the Application
You can also apply a theme to all SciChartSurfaces in the application by creating a global style. This style should be placed in App.xaml or another resource dictionary in your application.
Applying a Theme to all SciChartSurfaces in the Application |
Copy Code
|
---|---|
<!-- where xmlns:s="http://schemas.abtsoftware.co.uk/scichart" --> <Style TargetType="{x:Type s:SciChartSurface}"> <Setter Property="s:ThemeManager.Theme" Value="SciChartv4Dark"/> </Style> |