title: Change Kendo Pie Chart white background
body: <p>Im working angular, and Im using kendo pie chart.</p>
  
  <p><a href="https://i.stack.imgur.com/cSYVI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cSYVI.png" alt="original"></a></p>
  
  <p>I want to change the white background of the charts, I tried to give the background color different color than white (default) but no way.</p>
  
  <p>because at run time it is path, and I can change the color by changing the fill property in element.style.</p>
  
  <p><a href="https://i.stack.imgur.com/j7HuG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/j7HuG.png" alt="run time"></a></p>
  
  <p>But in my css, I tried a lot to change it, it didnt work. and the following style has changed it, but it
  fill it, so I can't see the chart at all.</p>
  
  <pre><code>  :host ::ng-deep .k-chart-surface svg {
      path{
      //background-color: rgba(119, 47, 47, 0.5);
      fill: #ccc;
  
      }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/qJc3p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qJc3p.png" alt="fill from scss"></a></p>