Gallery
JS Version History
<%@ Page Language="C#" Description="dotnetCHARTING Component"%>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>
<script runat="server">
void Page_Load(Object sender,EventArgs e)
{
// Demonstrates how to use database with JS scatter.
Chart.JS.Enabled = true;
Chart.JS.Buttons.EnableExportButton = false;
Chart.JS.Buttons.EnablePrintButton = false;
Chart.Size="1500X600";
Chart.DefaultSeries.ConnectionString = ConfigurationManager.AppSettings["DNCConnectionString"];
Chart.Title=".netCHARTING<br/> Version Releases<br/><br/>";
Chart.TempDirectory="temp";
Chart.Type=ChartType.Scatter;
Chart.XAxis.Scale = Scale.Time;
Chart.Debug=true;
Chart.LegendBox.Template = "%Icon %Name";
Chart.ChartArea.Label.Text = "Click a version to view the version history at the .netCHARTING web site.";
Chart.TitleBox.Position = TitleBoxPosition.FullWithLegend;
//Set Axis Interval and Minimum values
Chart.YAxis.Interval = 2;
Chart.YAxis.Minimum = 0;
Chart.YAxis.Maximum = 44;
Chart.YAxis.AlternateGridBackground.Color = Color.Transparent;
//Set xAxis Minimum and Maximum values
Chart.XAxis.Minimum = new DateTime(2002,11,1);
Chart.XAxis.Maximum = new DateTime(2023,6,30);
Chart.XAxis.FormatString="yyyy";
Chart.XAxis.TimeInterval = TimeInterval.Year;
Chart.XAxis.AlternateGridBackground.Color = Color.Transparent;
//Show values for all elements across all series and set marker size to 15
Chart.DefaultSeries.DefaultElement.Marker.Size=10;
Chart.DefaultSeries.DefaultElement.ShowValue=true;
//Use custom attribute pulled from db, version, and inline format the date in the template
Chart.DefaultSeries.DefaultElement.SmartLabel.Text = "%Version Released %XValue";
//Link all elements to the version history page and set a tooltip for them as well
Chart.DefaultSeries.DefaultElement.URL = "https://www.dotnetcharting.com/versionhistory.aspx";
Chart.DefaultSeries.DefaultElement.ToolTip = "View Version History Page";
//Add a series, define a custom attribute for version and splitby for version creating a series for each
Chart.Series.Type = SeriesType.Marker;
Chart.Series.SqlStatement= @"SELECT ReleaseDate,ReleaseNumber,Version FROM Versions";
Chart.Series.DataFields="YValue=ReleaseNumber,XValue=ReleaseDate,SplitBy=Version,Version";
Chart.SeriesCollection.Add();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>.netCHARTING Releases</title></head>
<body>
<div align="center">
<dotnet:Chart id="Chart" runat="server"/>
</div>
</body>
</html>
<%@ Page Language="vb" 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)
' Demonstrates how to use database with JS scatter.
Chart.JS.Enabled = True
Chart.JS.Buttons.EnableExportButton = False
Chart.JS.Buttons.EnablePrintButton = False
Chart.Size="1500X600"
Chart.DefaultSeries.ConnectionString = ConfigurationManager.AppSettings("DNCConnectionString")
Chart.Title=".netCHARTING<br/> Version Releases<br/><br/>"
Chart.TempDirectory="temp"
Chart.Type=ChartType.Scatter
Chart.XAxis.Scale = Scale.Time
Chart.Debug=True
Chart.LegendBox.Template = "%Icon %Name"
Chart.ChartArea.Label.Text = "Click a version to view the version history at the .netCHARTING web site."
Chart.TitleBox.Position = TitleBoxPosition.FullWithLegend
'Set Axis Interval and Minimum values
Chart.YAxis.Interval = 2
Chart.YAxis.Minimum = 0
Chart.YAxis.Maximum = 44
Chart.YAxis.AlternateGridBackground.Color = Color.Transparent
'Set xAxis Minimum and Maximum values
Chart.XAxis.Minimum = New DateTime(2002,11,1)
Chart.XAxis.Maximum = New DateTime(2023, 6, 30)
Chart.XAxis.FormatString = "yyyy"
Chart.XAxis.TimeInterval = TimeInterval.Year
Chart.XAxis.AlternateGridBackground.Color = Color.Transparent
'Show values for all elements across all series and set marker size to 15
Chart.DefaultSeries.DefaultElement.Marker.Size=10
Chart.DefaultSeries.DefaultElement.ShowValue=True
'Use custom attribute pulled from db, version, and inline format the date in the template
Chart.DefaultSeries.DefaultElement.SmartLabel.Text = "%Version Released %XValue"
'Link all elements to the version history page and set a tooltip for them as well
Chart.DefaultSeries.DefaultElement.URL = "https://www.dotnetcharting.com/versionhistory.aspx"
Chart.DefaultSeries.DefaultElement.ToolTip = "View Version History Page"
'Add a series, define a custom attribute for version and splitby for version creating a series for each
Chart.Series.Type = SeriesType.Marker
Chart.Series.SqlStatement= "SELECT ReleaseDate,ReleaseNumber,Version FROM Versions"
Chart.Series.DataFields="YValue=ReleaseNumber,XValue=ReleaseDate,SplitBy=Version,Version"
Chart.SeriesCollection.Add()
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>.netCHARTING Releases</title></head>
<body>
<div align="center">
<dotnet:Chart id="Chart" runat="server"/>
</div>
</body>
</html>
- Sample FilenameJsVersionHistory.aspx
- Version10.0
- Uses DatabaseNo