Gallery
Datagrid
<%@ Page Language="C#" Trace="false" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<script runat="server">
void Page_Load(Object sender, EventArgs e)
{
//set global properties
Chart.Title = "Sales For January";
Chart.TempDirectory = "temp";
Chart.Debug = true;
Chart.Use3D = true;
Chart.DefaultSeries.DefaultElement.Transparency = 20;
Chart.XAxis.ClusterColumns = false;
Chart.XAxis.ReverseSeries = true;
Chart.Depth = 5;
Chart.DataGrid = "chartdatagrid";
Chart.DataGridTranspose = true;
Chart.Mentor = false;
//Add a series
Chart.Series.Name = "Product 1";
Chart.Series.Elements.Add(new Element("Bill", 7));
Chart.Series.Elements.Add(new Element("Joe", 10));
Chart.Series.Elements.Add(new Element("Tim", 9));
Chart.Series.Elements.Add(new Element("Henry", 12));
Chart.SeriesCollection.Add();
//Add a series
Chart.Series.Name = "Product 2";
Chart.Series.Elements.Add(new Element("Bill", 18));
Chart.Series.Elements.Add(new Element("Joe", 15));
Chart.Series.Elements.Add(new Element("Tim", 19));
Chart.Series.Elements.Add(new Element("Henry", 15));
Chart.SeriesCollection.Add();
//Add a series
Chart.Series.Name = "Product 3";
Chart.Series.Elements.Add(new Element("Bill", 25));
Chart.Series.Elements.Add(new Element("Joe", 21));
Chart.Series.Elements.Add(new Element("Tim", 23));
Chart.Series.Elements.Add(new Element("Henry", 28));
Chart.SeriesCollection.Add();
//Add a series
Chart.Series.Name = "Product 4";
Chart.Series.Elements.Add(new Element("Bill", 31));
Chart.Series.Elements.Add(new Element("Joe", 35));
Chart.Series.Elements.Add(new Element("Tim", 39));
Chart.Series.Elements.Add(new Element("Henry", 34));
Chart.SeriesCollection.Add();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Sales Report</title></head>
<body>
<div style="text-align: center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
<asp:DataGrid ID="chartdatagrid" Width="580" HorizontalAlign="Center" Font-Name="Arial" HeaderStyle-BackColor="skyblue"
BackColor="lightblue" runat="server" />
</body>
</html>
<%@ Page Language="vb" Trace="false" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
'set global properties
Chart.Title = "Sales For January"
Chart.TempDirectory = "temp"
Chart.Debug = True
Chart.Use3D = True
Chart.DefaultSeries.DefaultElement.Transparency = 20
Chart.XAxis.ClusterColumns = False
Chart.XAxis.ReverseSeries = True
Chart.Depth = 5
Chart.DataGrid = "chartdatagrid"
Chart.DataGridTranspose = True
Chart.Mentor = False
'Add a series
Chart.Series.Name = "Product 1"
Chart.Series.Elements.Add(New Element("Bill", 7))
Chart.Series.Elements.Add(New Element("Joe", 10))
Chart.Series.Elements.Add(New Element("Tim", 9))
Chart.Series.Elements.Add(New Element("Henry", 12))
Chart.SeriesCollection.Add()
'Add a series
Chart.Series.Name = "Product 2"
Chart.Series.Elements.Add(New Element("Bill", 18))
Chart.Series.Elements.Add(New Element("Joe", 15))
Chart.Series.Elements.Add(New Element("Tim", 19))
Chart.Series.Elements.Add(New Element("Henry", 15))
Chart.SeriesCollection.Add()
'Add a series
Chart.Series.Name = "Product 3"
Chart.Series.Elements.Add(New Element("Bill", 25))
Chart.Series.Elements.Add(New Element("Joe", 21))
Chart.Series.Elements.Add(New Element("Tim", 23))
Chart.Series.Elements.Add(New Element("Henry", 28))
Chart.SeriesCollection.Add()
'Add a series
Chart.Series.Name = "Product 4"
Chart.Series.Elements.Add(New Element("Bill", 31))
Chart.Series.Elements.Add(New Element("Joe", 35))
Chart.Series.Elements.Add(New Element("Tim", 39))
Chart.Series.Elements.Add(New Element("Henry", 34))
Chart.SeriesCollection.Add()
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Sales Report</title></head>
<body>
<div style="text-align: center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
<asp:DataGrid ID="chartdatagrid" Width="580" HorizontalAlign="Center" Font-Name="Arial" HeaderStyle-BackColor="skyblue"
BackColor="lightblue" runat="server" />
</body>
</html>
- Sample Filenamedatagrid.aspx
- VersionLegacy (Pre 3.0)
- Uses DatabaseNo