65.9K
CodeProject 正在变化。 阅读更多。
Home

10个简单步骤创建ASP.net图表。

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2013 年 10 月 11 日

CPOL

2分钟阅读

viewsIcon

10188

ASP.net图表控件是Visual Studio 2010及更高版本Visual Studio IDE中新引入的控件之一。它功能强大,但

ASP.net图表控件是Visual Studio 2010及更高版本Visual Studio IDE中新引入的控件之一。它功能强大,且易于使用的服务器端控件。让我们看一个如何使用它的例子。

必备组件

  • 您需要AdventureWorks数据库。如果您没有,可以从这里下载合适的版本。
  • Visual Studio 2010。

如何使用ASP.net创建一个简单的图表?

很简单!

  1. 只需将图表控件拖放到您的Web表单中。
  2. 点击图表控件右上角的任务快捷方式“>”。在“选择数据源”项目中,选择“<新建数据源...>”。
  3. 从数据源类型中选择“数据库”,然后点击确定。
  4. 创建到SQL Server的新连接,或从Web.config中选择一个。请记住,您应该连接到“AdventureWorks”示例数据库。
  5. 选择单选按钮“指定自定义SQL语句或存储过程”,然后点击下一步。
  6. 选择单选按钮“SQL语句”,粘贴以下查询,然后点击下一步。

    SELECT     TOP (10) ISNULL(Person.Contact.FirstName, '') + ' ' + ISNULL(Person.Contact.MiddleName, '') + ' ' + ISNULL(Person.Contact.LastName, '') AS [Sales Person],
                          Sales.SalesPerson.SalesYTD AS [Sales]
    FROM         HumanResources.Employee INNER JOIN
                          Person.Contact ON HumanResources.Employee.ContactID = Person.Contact.ContactID INNER JOIN
                          Sales.SalesPerson ON HumanResources.Employee.EmployeeID = Sales.SalesPerson.SalesPersonID
  7. 点击“测试查询”按钮,然后点击完成。
  8. 通过拖动调整图表控件的大小——使其更宽一些,更高一些。
  9. 点击图表控件右上角的任务快捷方式“>”。在“X值成员”项目中,选择“Sales Person”。 同样,在“Y值成员”中,选择“Sales”。
  10. 保存Web表单并测试它!

完成了!

现在,您可以尝试各种图表类型,例如“线条”、“样条线”、“快速线条”、“条形”、“柱形”。一旦您获得了自己的工作图表控件,就可以评估更多高级功能。

© . All rights reserved.