Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Styling the asp.net charting controls

Using the ASP.Net Chart Controls, which are a subset of the Dundas Chart Controls,

How can I make charts that look like this:

alt text

Instead of this:

MS Chart Example

EDIT: I've made some progress, since asking this question. The styling elements that improve the default graph in both Dundas and MSChart are:

  • Round Corners on the chart container
  • Background colours and gradients on chart container
  • Transparency on column colours
  • Alignment of columns in the x axis (bizarely, MSChart defaults to z axis alignment)
  • Area 3D wall width
like image 622
grenade Avatar asked Jan 22 '10 13:01

grenade


People also ask

How chart Control is used in asp net?

The ASP.NET Chart Control provides flexible data binding options that allow you to bind to a table from a database or a collection created in code. The control also includes a built-in chart wizard that is invoked at design time, to assist in chart configuration.

What is MS chart control?

A Chart Control is a User Control option that enables you to display chart data in Enterprise Portal. A Chart Control provides good performance because the data needed for the chart to display is contained in the data set. The Chart Control is an extension of the ASP.NET Chart Control.


2 Answers

I know it's a bit late, but I was playing with the chart for a project I'm working on.

Color="#960080ff"

The first set of two digits in the color are for the alpha channel. I've got it set for 96 which is semi transparent.

enjoy

like image 175
NeutronJack Avatar answered Sep 29 '22 20:09

NeutronJack


Try setting the Area3DStyle.Enable3D property to true.

More info about the 3D style can be found here: http://msdn.microsoft.com/en-us/library/dd489232%28VS.100%29.aspx

like image 42
Pbirkoff Avatar answered Sep 29 '22 20:09

Pbirkoff