Last Updated: 02 Dec 2021 14:51 by ADMIN
Release 2.30.0
Created on: 17 Feb 2020 08:41
Category: Charts
Type: Feature Request
Expose chart background setting
At the moment it is always white. I often want it transparent so it can blend better with the rest of the content (e.g., it should be able to the color of the grid row it is embedded in).
Posted on: 07 Apr 2021 17:32

One way to get around it is to use Css styling. It's not a perfect solution since Telerik can change the rendering output.

In any case, in my Blazor component, I added a style as follows:

    .k-chart > svg > g > path[fill="rgb(255, 255, 255)"]
        fill: transparent;

Seemed to work for me, but it's pretty fragile.

Posted on: 01 Apr 2021 19:36
Agree with the comments here, background color control is pretty crucial to us
Posted on: 01 Apr 2021 17:27
The ability to change the background color of a chart is a very high priority for us as well.
Posted on: 27 Jan 2021 13:28
PLEASE TELERIK!!!! This should be a standard, like seriously... 

WHAT IS THIS?! Why can that not be transparent, or a variable that we can populate?! 

We've purchased your product, but can't use it because the charts look hideous if you don't have a solid white or black background? 
Posted on: 07 Oct 2020 09:59
+1.. This is a impediment for us and I hope it will be resolved soon
Marin Bratanov
Posted on: 28 Jun 2020 10:06

Hello Kelly,

The best way to know when it gets implemented is to click the Follow button.

You can also monitor larger items and plans in our roadmap page:


Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Posted on: 27 Jun 2020 15:24
Any updated on when this will be resolved. Seems like a fundamental feature of the Chart control to be able to set background color.