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

发布于 2024-10-19 14:12:36 字数 120 浏览 1 评论 0原文

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

Chart

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

Chart

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

沫离伤花 2024-10-26 14:12:36

它不是 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

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
终止放荡 2024-10-26 14:12:36

如果您正在寻找折线图,演示中提供了一些示例“图表类型 -> 高级金融图表”
http://www.scottgu.com/blogposts/chart/step3.png 这个博客有很多关于asp图表控件的信息,以及下载文档的链接。

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

坚持沉默 2024-10-26 14:12:36

Google 有一个用于此图表的 Flash 应用程序。您可以添加带有图表的 Silverlight 应用程序。

查看指南设置 Silverlight 图表样式。它逐步展示了如何设计 Silverlight 图表以具有“Googlish”风格。

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文