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





0/5 (0投票)
ASP.net图表控件是Visual Studio 2010及更高版本Visual Studio IDE中新引入的控件之一。它功能强大,但
ASP.net图表控件是Visual Studio 2010及更高版本Visual Studio IDE中新引入的控件之一。它功能强大,且易于使用的服务器端控件。让我们看一个如何使用它的例子。
必备组件
- 您需要AdventureWorks数据库。如果您没有,可以从这里下载合适的版本。
- Visual Studio 2010。
如何使用ASP.net创建一个简单的图表?
很简单!
- 只需将图表控件拖放到您的Web表单中。
- 点击图表控件右上角的任务快捷方式“>”。在“选择数据源”项目中,选择“<新建数据源...>”。
- 从数据源类型中选择“数据库”,然后点击确定。
- 创建到SQL Server的新连接,或从Web.config中选择一个。请记住,您应该连接到“AdventureWorks”示例数据库。
- 选择单选按钮“指定自定义SQL语句或存储过程”,然后点击下一步。
- 选择单选按钮“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 - 点击“测试查询”按钮,然后点击完成。
- 通过拖动调整图表控件的大小——使其更宽一些,更高一些。
- 点击图表控件右上角的任务快捷方式“>”。在“X值成员”项目中,选择“Sales Person”。 同样,在“Y值成员”中,选择“Sales”。
- 保存Web表单并测试它!
完成了!
现在,您可以尝试各种图表类型,例如“线条”、“样条线”、“快速线条”、“条形”、“柱形”。一旦您获得了自己的工作图表控件,就可以评估更多高级功能。