WPF Charting Documentation - SciChart WPF Charts SDK v5.x
SciChart WPF ThemeManager

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>

 

 


SCICHART ® is a Registered Trademark in the UK, US and EU. Copyright SciChart Ltd 2011-2018.

Email us to give feedback!