)
We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

What are the themes available in ejChart?

Platform: ASP.NET MVC |
Control: Chart |
Published Date: February 11, 2015 |
Last Revised Date: August 19, 2020

Essential Chart has built-in support for about 16 themes by using Theme property of the Chart. Refer to the themes topic for more information on the themes available in the Chart. Flat light is the default theme used in the Chart. Changing the default theme might change the font of the chart components, axis lines, series background color, legend, tooltip, and chart background. Generally, dark theme affects the axis line color, tooltip text color, and font used for various components in the chart and gradient theme changes the series background color and legend symbol color.

 

If you want to change the default theme of your chart to GradientLight, then refer the following code block:

CSHTML

   @(Html.EJ().Chart("container")
        .Theme(Syncfusion.JavaScript.DataVisualization.ChartTheme.GradientLight)
    )

 

The following screenshot displays the chart in the gradient light theme. Since the gradient light theme is used, the background color of the chart series and the legend item shape is changed, but there is no change in the font, tooltip, or axis line color which remains same as Flat light theme.

The chart in the gradient light theme

 

Apart from the default available themes, if you want to customize the individual marker elements, data labels and fill color of each series points, then you can refer this Point Level Customization. To customize the series border color, width, and dashArray – refer this Series border customization. And more importantly, if you want to change the background color of the chart, refer Chart background customization.

 

You can get the chart themes example by clicking this sample link.

2X faster development

The ultimate ASP.NET MVC UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon