SciChart Themes

SciChart ships with 9 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.

Applying a Theme to the SciChartSurface

To apply a theme to a SciChartSurface, simply use the following code. Allowable values for theme string include SciChartv7Navy (default), SciChartv4Dark, Oscilloscope, ExpressionLight, ExpressionDark, Electric, Chrome, BrightSpark, BlackSteel.

Applying a Theme in XAML

<!-- where xmlns:s="http://schemas.abtsoftware.co.uk/scichart" -->
<s:SciChartSurface s:ThemeManager.Theme="SciChartv7Navy">

  <!-- XAxis, YAxis, RenderableSeries omitted for brevity -->

</s:SciChartSurface>

Applying a Theme in Code

var sciChartSurface = new SciChartSurface();
ThemeManager.SetTheme(sciChartSurface, "SciChartv7Navy");

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.

<!-- where xmlns:s="http://schemas.abtsoftware.co.uk/scichart" -->
<Style TargetType="{x:Type s:SciChartSurface}">
   <Setter Property="s:ThemeManager.Theme" Value="SciChartv7Navy"/>
</Style>