Gallery
Data View
<%@ Page Language="C#" trace="false" Description="dotnetCHARTING Component"%>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.OleDb" %>
<script runat="server">
void Page_Load(Object sender,EventArgs e)
{
//set global properties
Chart.Title="Item sales report";
// Set the x axis label
Chart.ChartArea.XAxis.Label.Text="X Axis Label";
// Set the y axis label
Chart.ChartArea.YAxis.Label.Text="Y Axis Label";
Chart.TempDirectory="temp";
Chart.Debug=true;
Chart.TitleBox.Position = TitleBoxPosition.FullWithLegend;
//Adding series programatically
Chart.Series.Name = "Item sales";
Chart.Series.Data = CreateDataView();
Chart.SeriesCollection.Add();
}
DataView CreateDataView()
{
DataTable dt = new DataTable();
string connString = @"Provider=Microsoft.Jet.OLEDB.4.0;user id=admin;password=;data source=" + Server.MapPath("../../data/chartsample.mdb");
OleDbConnection conn = new OleDbConnection(connString);
OleDbDataAdapter adapter = new OleDbDataAdapter();
string selectQuery = @"SELECT Name,Sum(Quantity) FROM Orders GROUP BY Orders.Name ORDER BY Orders.Name";
adapter.SelectCommand = new OleDbCommand(selectQuery, conn);
adapter.Fill(dt);
conn.Close();
return dt.DefaultView;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Data View Sample</title>
</head>
<body>
<div style="text-align:center">
<dotnet:Chart id="Chart" runat="server"/>
</div>
</body>
</html>
<%@ Page Language="vb" trace="false" Description="dotnetCHARTING Component"%>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.OleDb" %>
<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
'set global properties
Chart.Title="Item sales report"
' Set the x axis label
Chart.ChartArea.XAxis.Label.Text="X Axis Label"
' Set the y axis label
Chart.ChartArea.YAxis.Label.Text="Y Axis Label"
Chart.TempDirectory="temp"
Chart.Debug=True
Chart.TitleBox.Position = TitleBoxPosition.FullWithLegend
'Adding series programatically
Chart.Series.Name = "Item sales"
Chart.Series.Data = CreateDataView()
Chart.SeriesCollection.Add()
End Sub
Function CreateDataView() As DataView
Dim dt As DataTable = New DataTable()
Dim connString As String = "Provider=Microsoft.Jet.OLEDB.4.0;user id=admin;password=;data source=" & Server.MapPath("../../data/chartsample.mdb")
Dim conn As OleDbConnection = New OleDbConnection(connString)
Dim adapter As OleDbDataAdapter = New OleDbDataAdapter()
Dim selectQuery As String = "SELECT Name,Sum(Quantity) FROM Orders GROUP BY Orders.Name ORDER BY Orders.Name"
adapter.SelectCommand = New OleDbCommand(selectQuery, conn)
adapter.Fill(dt)
conn.Close()
Return dt.DefaultView
End Function
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Data View Sample</title>
</head>
<body>
<div style="text-align:center">
<dotnet:Chart id="Chart" runat="server"/>
</div>
</body>
</html>
- Sample FilenamedataView.aspx
- VersionLegacy (Pre 3.0)
- Uses DatabaseYes