向一些人介绍一些信息的最好方法是使用图表。ASP.NET有图表控件,但它并不是性能最好的控件。Chart.js是个很好的理想。

使用“守则”

  1. Download Chart.js

    你可以Chart.js从这封信中:

  2. 使用VisualStudio创建新的ASP.NET项目并复制Chart.js在上一步中下载到root项目。

  3. 创建一个名为“Home.aspx“并添加如下代码行:   复制码

    <%@ Page Language="C#" AutoEventWireup="true"   CodeBehind="Home.aspx.cs" Inherits="VisualData.Home" %>  
     
         
         
           
         
             
         
           
  4. 打开Web.config文件以添加新连接。string若要连接到MS SQL Server数据库,请执行以下操作:   复制码

         
           
         
       
         
       
     
  5. 切换到代码视图并开始编写一些代码:   收缩 arrow-up-16.png   复制码

    private void ShowData()         {             String myConnection = ConfigurationManager.ConnectionStrings["myConnection"].ToString();             SqlConnection con = new SqlConnection(myConnection);             String query = "Select top 100 AirTemperature                              From tbWeathers Where stationID=1 order by id desc";             SqlCommand cmd = new SqlCommand(query, con);             DataTable tb = new DataTable();             try             {                 con.Open();                 SqlDataReader dr = cmd.ExecuteReader();                 tb.Load(dr, LoadOption.OverwriteChanges);                 con.Close();             }             catch { }             if(tb != null)             {                 String chart = "";                // You can change your chart height by modify height value                 chart = "
    ";                 chart += "
    ";                 ltChart.Text = chart;             }                     }
  6. 构建项目并运行以显示结果。