Articles in this section
Category / Section

What are the themes available in ejChart?

1 min read

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.

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied