如何使用ASP.NET圖表控件的二維條形圖

Question

我使用ASP.NET圖表控件，並希望創建一個二維條形圖這樣的例子：

我的數據是這樣的：

的商品A，商品B，C產品將網頁名稱（見我的數據）和彩色條將是設備類型。任何人都可以告訴我如何去做這件事？

Answer 1

假設你有圖表控件......包括所有的dll和庫。你需要先...：

通過簡單地從工具箱拖動圖表控件到頁面上的圖表添加到ASP.NET頁面

<asp:Chart ID="Chart1" runat="server"> 
    <series> 
     <asp:Series Name="Series1"> 
     </asp:Series> 
    </series> 
    <chartareas> 
     <asp:ChartArea Name="ChartArea1"> 
     </asp:ChartArea> 
    </chartareas> 
</asp:Chart> 

你可以做到這一點。

當通過客戶端瀏覽器訪問時，圖表控件呈現一個ChartHttpHandler並處理請求。

接下來你需要指定圖表數據。包括X軸和Y軸 - X表示值的位置 - Y值表示線的位置或列的高度。

然後您需要使用DataBindTable將數據庫數據綁定到Chart ...。

Using myConnection As New SqlConnection 
    myConnection.ConnectionString = ConfigurationManager.ConnectionStrings("NorthwindConnectionString").ConnectionString 

    Dim myCommand As New SqlCommand 
    myCommand.Connection = myConnection 
    myCommand.CommandText = "SELECT CategoryName, COUNT(*) as ProductCount FROM Products p INNER JOIN Categories c ON c.CategoryID = p.CategoryID GROUP BY CategoryName ORDER BY CategoryName" 

    myConnection.Open() 
    Dim myReader As SqlDataReader = myCommand.ExecuteReader() 

    chtCategoriesProductCount.DataBindTable(myReader, "CategoryName") 

    myReader.Close() 
    myConnection.Close() 
End Using 

這將在圖表控件中創建一個新系列，因此您不需要使用標記語言專門定義一個系列。

獲取數據的另一種方法是通過DataSource屬性...如下所示。這需要對圖表的系列進行明確的定義。你也需要指定線條或條形圖。

，第一部分是這樣的：

<asp:Chart ID="chtCategoriesProductCountBarChart" runat="server"> 
    <Titles> 
     <asp:Title Text="Number of Products in Categories"></asp:Title> 
    </Titles> 

    <Series> 
     <asp:Series Name="Categories" ChartType="Line" ChartArea="MainChartArea" BorderWidth="5" Color="Red"></asp:Series> 
    </Series> 

    <ChartAreas> 
     <asp:ChartArea Name="MainChartArea"> 
     </asp:ChartArea> 
    </ChartAreas> 
</asp:Chart> 

後面的代碼綁定：

chtCategoriesProductCountBarChart.Series("Categories").XValueMember = "CategoryName" 
chtCategoriesProductCountBarChart.Series("Categories").YValueMembers = "ProductCount" 

chtCategoriesProductCountBarChart.DataSource = myReader 
chtCategoriesProductCountBarChart.DataBind() 

我會假設你知道在哪裏把這個數據，圖表控制器。祝你好運...

哦，這裏是我的資源......應該沒有太多的其他幫助有太..乾杯

http://www.4guysfromrolla.com/articles/072209-1.aspx