Chart - Background Color

Hi,

I have the following code (bellow).

And till now I was not able to change the background color of the chart.

How can I do this? Thanks

 .donut_result .webix_canvas_text {
            left: 50% !important;
            top: 50% !important;
            margin-top: -23px;
            margin-left: -7px;
            font-weight: bold;
            /*background-color: #5691DA;*/
        }

var chartDataset = [
	                    {value: dX, color: "#B6FF00",result:1},
                        {value: 10, color: "#eee"}
                    ];
                    var donutX = webix.ui({                      
                        view: "chart",
                        type:"donut",
                        container:"divDonut"+dX,
                        color:"#color#",
                        css:"donut_result",
                        height:50,
                        width:50,
                        shadow:false,
                        gradient:false,
                        borderless:true,
                        padding:{
                            top: 2,
                            right: 2,
                            bottom: 5,
                            left:2
                        },
                        pieInnerText: function(obj){
                            return obj.result?"<div class='donut_result'>"+obj.value+"</div>":"";
                        },
                        data:chartDataset
                    });

Hello,

In charts, the background colour depends on a proper CSS selector. When css property is specified, the corresponding style is assigned to the top node of the component.
Therefore, the background can be set as follows: https://snippet.webix.com/xv945rv9
But please note that as charts are rendered with HTML canvas, the centre of “donut” is filled with a default colour (white) and it cannot be changed neither with css nor with the chart properties.