如何在ASP.NET图表控件中获取此图表?

时间:2011-02-27 16:11:01

标签: c# asp.net webforms microsoft-chart-controls

我应该在ASP.NET 4.0图表控件中设置什么类型的图表或属性以获得如下内容:

Chart

3 个答案:

答案 0 :(得分:4)

它不是100%完全相同,但这是我能得到它的接近

<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>

一些虚拟数据

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

答案 1 :(得分:2)

如果您正在寻找折线图,可以在演示文稿“图表类型 - &gt;高级财务图表”中找到一些示例 http://www.scottgu.com/blogposts/chart/step3.png This blog有很多关于asp图表控件的信息,以及下载文档的链接。

答案 2 :(得分:1)

Google为此图表提供了Flash应用程序。您可以使用图表添加Silverlight应用程序。

查看指南 Styling a Silverlight Chart 。它逐步显示如何设置Silverlight图表的样式以具有“Googlish”样式。