Datagrid Template
Demonstrates usage of the datagrid series header template in an automated drilldown chart.
<%@ 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.DefaultSeries.ConnectionString = ConfigurationManager.AppSettings["DNCConnectionString"];
Chart.Title="Item sales";
Chart.TitleBox.Position = TitleBoxPosition.FullWithLegend;
Chart.XAxis.Label.Text="Years";
Chart.TempDirectory="temp";
Chart.Debug=true;
Chart.Mentor=false;
Chart.DateGrouping = TimeInterval.Years;
Chart.DrillDownChain="Years,Quarters,Months,days=Days,hours,minutes";
Chart.DefaultSeries.DefaultElement.ToolTip="%yvalue";
//set data grid properties
Chart.DataGrid ="chartdatagrid";
Chart.DataGridTranspose=true;
Chart.DataGridSeriesHeader = "%xAxisLabel";
//Add a series
Chart.Series.Name="Items 1";
Chart.Series.StartDate=new System.DateTime(2022,1,1,0,0,0);
Chart.Series.EndDate = new System.DateTime(2022,12,31,23,59,59);
Chart.Series.SqlStatement= @"SELECT OrderDate,Sum(Quantity) FROM Orders WHERE OrderDate >= #STARTDATE# AND OrderDate <= #ENDDATE# GROUP BY Orders.OrderDate ORDER BY Orders.OrderDate";
Chart.SeriesCollection.Add();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Drill Down Sample</title>
</head>
<body>
<div style="text-align:center">
<dotnet:Chart id="Chart" runat="server"/>
</div>
<div style="max-width: 430px; height: auto; margin: 0px auto; padding-left:60px;">
<asp:DataGrid id="chartdatagrid" Width="430px" Font-Names="tahoma,geneva,sans-serif" HeaderStyle-BackColor="skyblue"
BackColor="lightblue" runat="server"/>
</div>
</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.DefaultSeries.ConnectionString = ConfigurationManager.AppSettings("DNCConnectionString")
Chart.Title="Item sales"
Chart.TitleBox.Position = TitleBoxPosition.FullWithLegend
Chart.XAxis.Label.Text="Years"
Chart.TempDirectory="temp"
Chart.Debug=True
Chart.Mentor=False
Chart.DateGrouping = TimeInterval.Years
Chart.DrillDownChain="Years,Quarters,Months,days=Days,hours,minutes"
Chart.DefaultSeries.DefaultElement.ToolTip="%yvalue"
'set data grid properties
Chart.DataGrid ="chartdatagrid"
Chart.DataGridTranspose=True
Chart.DataGridSeriesHeader = "%xAxisLabel"
'Add a series
Chart.Series.Name="Items 1"
Chart.Series.StartDate = New System.DateTime(2022,1,1,0,0,0)
Chart.Series.EndDate = New System.DateTime(2022,12,31,23,59,59)
Chart.Series.SqlStatement= "SELECT OrderDate,Sum(Quantity) FROM Orders WHERE OrderDate >= #STARTDATE# AND OrderDate <= #ENDDATE# GROUP BY Orders.OrderDate ORDER BY Orders.OrderDate"
Chart.SeriesCollection.Add()
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Drill Down Sample</title>
</head>
<body>
<div style="text-align:center">
<dotnet:Chart id="Chart" runat="server"/>
</div>
<div style="max-width: 430px; height: auto; margin: 0px auto; padding-left:60px;">
<asp:DataGrid id="chartdatagrid" Width="430px" Font-Names="tahoma,geneva,sans-serif" HeaderStyle-BackColor="skyblue"
BackColor="lightblue" runat="server"/>
</div>
</body>
</html>
Previous