How do I get this chart in a ASP.NET chart control?

Question

What type of chart or what properties should I set in ASP.NET 4.0 chart control to get something like this:

Chart

looks like google analytics chart .. they use flash for this — Shekhar_Pro, Feb 27 '11 at 16:14
You'r right , but i need the figure only without the interactivity of google's charts! — Saw, Feb 27 '11 at 16:16

score 4 · Accepted Answer · answered Feb 27 '11 at 19:06

It is not 100% identical but this is as close as I can get it

<asp:Chart ID="Chart1" runat="server" Height="250px" Width="650px">
        <Series>
            <asp:Series Name="Series1" BorderColor="0, 119, 204" BorderDashStyle="Dash" BorderWidth="3"
                ChartType="Area" Color="230, 242, 250" MarkerColor="0, 119, 204" MarkerStyle="Circle"
                XValueType="Date">
            </asp:Series>
        </Series>
        <ChartAreas>
            <asp:ChartArea Name="ChartArea1">
                <AxisY LineColor="LightGray">
                    <MajorGrid LineColor="LightGray" />
                    <MajorTickMark Enabled="False" />
                    <LabelStyle ForeColor="LightGray" />
                </AxisY>
                <AxisX Interval="7" IsLabelAutoFit="False" LineColor="LightGray" Title="Week" TitleFont="Microsoft Sans Serif, 8pt, style=Bold"
                    IsMarginVisible="false">
                    <MajorGrid LineColor="LightGray" />
                    <MajorTickMark Enabled="False" />
                    <LabelStyle ForeColor="85, 162, 215" Format="{0:dd MMM}" />
                </AxisX>
            </asp:ChartArea>
        </ChartAreas>
    </asp:Chart>

Some dummy data

    Dim random = New Random()
    For index = 1 To 50
        Chart1.Series("Series1").Points.AddY(random.Next(5, 10))
    Next

score 2 · Answer 2 · answered Feb 27 '11 at 16:17

2

If you're looking for a line graph, there are a few examples of in the demo "Chart Types->Advanced Financial Charts" This blog has a lot of information on the asp chart control, as well as links to downloading the documentation.

answered Feb 27 '11 at 16:17

Michael Jasper

7,962
4
40
60

score 1 · Answer 3 · edited Oct 06 '11 at 15:18

1

Google has a Flash application for this chart. You can add Silverlight application with a chart.

Check out the guide Styling a Silverlight Chart. It shows step by step how to style a Silverlight chart to have a "Googlish" style.

edited Oct 06 '11 at 15:18

Peter Mortensen

30,738
21
105
131

answered Feb 27 '11 at 16:15

Michal Franc

1,036
10
16

Thanks, but i need it in Asp.Net chart control without flash or silverlight. – Saw Feb 27 '11 at 16:18

How do I get this chart in a ASP.NET chart control?

3 Answers3