<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 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>
<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 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>
Previous