Search code examples
asp.netcoding-stylechartsasp.net-charts

ASP.NET Chart Control Formatting


I need help trying to style the asp.net chart control. I have a doughnut chart that I need to style:

  • The background of the doughnut to be transparent so the underlying gradient shows through.
  • I'd like to move the legend to the bottom below the chart ... that way I can make a tall/thin chart

This is what it currently looks like. And I haven't found the right combinations of settings to make it happen. Thanks!

My current chart
(source: codecube.net)


Solution

  • Try the following:

    1 - Transparency

    Chart.ChartAreas["ChartArea1"].BackColor = Color.Transparent;
    

    2 - Legend

    // Set legend docking
    Chart.Legends["Default"].Docking = LegendDocking.Bottom;