Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Chart > Piechart Background Color

• Amudha Balan

  Posted on Nov 5, 2009 (permalink)

  Hi all,
  
          I have a pie chart with background color as black. I just want to change it to white. I attached the image please see it and reply me...
  
  Thanks

  Attached files

  • piechart.JPG

• Shinu MVP

  Posted on Nov 5, 2009 (permalink)

  Hi Amrutha,
  
  I hope the following links would be of help in achieving this:
  Setting The Background
  Bacgroup Colour
  
  -Shinu.
  

• Amudha Balan

  Posted on Nov 5, 2009 (permalink)

  Sorry Shinu not changing...

• Ves Ves

  Posted on Nov 9, 2009 (permalink)

  Hello Amudha Balan,
  
  Generally, you need to set the plot area fill type to solid and provide the main color. You can find another example here.
  
  Best regards,
  Ves
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

• Amudha Balan

  Posted on Nov 11, 2009 (permalink)

  Thanks admin i have done it..

• Mac P Intermediate

  Posted on May 5, 2011 (permalink)

  The example link is broken. Can you please update it? I have the requirement similar to it.
  
  Attached is the code and image that shows that i want to remove shaded background and have it transparent.
  
  

  <telerik:RadChart ID="RadChart2" runat="server" Height="100px" Width="100px">

                              <Series>

                                  <telerik:ChartSeries Name="Series 1" Type="Pie" DataYColumn="Sum">

                                      <Appearance LegendDisplayMode="ItemLabels">

                                          <FillStyle MainColor="Transparent">

                                          </FillStyle>

                                      </Appearance>

                                  </telerik:ChartSeries>

                              </Series>

                              <PlotArea>

                                  <Appearance FillStyle-FillType="Solid">

                                  </Appearance>

                              </PlotArea>

                          </telerik:RadChart>

  
  

  private void ModifyChart(ref RadChart radChart)

     {

         radChart.ChartTitle.TextBlock.Visible = false;

         radChart.AutoLayout = false;

         radChart.ChartTitle.Visible = false;

         radChart.Legend.Visible = false;

         radChart.PlotArea.Appearance.Dimensions.Margins = new Telerik.Charting.Styles.ChartMargins(0, 0, 0, 0);

         radChart.Series[0].Appearance.LabelAppearance.LabelLocation = Telerik.Charting.Styles.StyleSeriesItemLabel.ItemLabelLocation.Inside;

         radChart.Series[0].Appearance.DiameterScale = 0.98;

         radChart.Width = 100;

         radChart.Height = 100;

         

     }

  
  Thanks for help
  

  Attached files

  • transparent-pie-chart.png

• Mac P Intermediate

  Posted on May 6, 2011 (permalink)

  I was able to fix it by refering some other post.
  
  Here are the settings you need to do..
  
  

            radChart.ChartTitle.TextBlock.Visible = false;

         radChart.AutoLayout = false;

         radChart.ChartTitle.Visible = false;

         radChart.Legend.Visible = false;

         radChart.PlotArea.Appearance.Dimensions.Margins = new Telerik.Charting.Styles.ChartMargins(0, 0, 0, 0);

         radChart.Series[0].Appearance.LabelAppearance.LabelLocation = Telerik.Charting.Styles.StyleSeriesItemLabel.ItemLabelLocation.Inside;

         radChart.Series[0].Appearance.DiameterScale = 0.98;

         radChart.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Solid;

         radChart.Appearance.FillStyle.MainColor = System.Drawing.Color.Transparent;

         radChart.PlotArea.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Solid;

         radChart.PlotArea.Appearance.FillStyle.MainColor = System.Drawing.Color.Transparent;

         radChart.ChartTitle.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Solid;

         radChart.ChartTitle.Appearance.FillStyle.MainColor = System.Drawing.Color.Transparent;

         radChart.Legend.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Solid;

         radChart.Legend.Appearance.FillStyle.MainColor = System.Drawing.Color.Transparent;

         radChart.PlotArea.Appearance.Border.Visible = false;

         radChart.PlotArea.DataTable.Appearance.Border.Visible = false;

         radChart.Appearance.Border.Visible = false;

         radChart.PlotArea.YAxis.Appearance.Visible = ChartAxisVisibility.False;

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Chart > Piechart Background Color