Gallery
JS Calendar Injuries
<%@ Page Language="C#" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dnc" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>
<script runat="server">
void Page_Load(Object sender,EventArgs e)
{
// Demonstrates Calendar chart from csv data file.
Chart.Type = ChartType.Calendar;
Chart.Width = 740;
Chart.Height = 250;
Chart.TempDirectory = "temp";
Chart.Debug = false;
Chart.MarginBottom = 15;
Chart.TitleBox.Label.Text = "Vehicular Accident Injuries 2017";
Chart.TitleBox.Label.Font = new Font("Tahoma", 10, FontStyle.Bold);
Chart.TitleBox.ClearColors();
Chart.DefaultSeries.LegendEntry.Value = "Total: %zSum";
Chart.LegendBox.ClearColors();
Chart.JS.Enabled = true;
Chart.JS.Buttons.EnableExportButton = false;
Chart.JS.Buttons.EnablePrintButton = false;
Chart.JS.Data = "./../../data/resources/collisionInjuries2017.csv";
Chart.JS.Calendar.Type = JsOptions.CalendarView.Year;
Chart.JS.Settings.Add("palette_colorBar_axis_scale_interval", "10");
Annotation an = new Annotation();
an.Padding = 8;
an.Label.Text = "Source: http://data.sanjoseca.gov/dataviews/229378/2010-2015-san-jose-crash-data/";
an.Orientation = dotnetCHARTING.Orientation.Bottom;
an.Position = new Point(250, 172);
an.ClearColors();
Chart.Annotations.Add(an);
Chart.ShadingEffectMode = ShadingEffectMode.None;
Chart.Palette = new Color[] { };
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<dnc:Chart ID="Chart" runat="server" style="max-width:740px;max-height:240px;margin:0px auto;"/>
</body>
</html>
<%@ Page Language="vb" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dnc" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>
<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
' Demonstrates Calendar chart from csv data file.
Chart.Type = ChartType.Calendar
Chart.Width = 740
Chart.Height = 250
Chart.TempDirectory = "temp"
Chart.Debug = False
Chart.MarginBottom = 15
Chart.TitleBox.Label.Text = "Vehicular Accident Injuries 2017"
Chart.TitleBox.Label.Font = New Font("Tahoma", 10, FontStyle.Bold)
Chart.TitleBox.ClearColors()
Chart.DefaultSeries.LegendEntry.Value = "Total: %zSum"
Chart.LegendBox.ClearColors()
Chart.JS.Enabled = True
Chart.JS.Buttons.EnableExportButton = False
Chart.JS.Buttons.EnablePrintButton = False
Chart.JS.Data = "./../../data/resources/collisionInjuries2017.csv"
Chart.JS.Calendar.Type = JsOptions.CalendarView.Year
Chart.JS.Settings.Add("palette_colorBar_axis_scale_interval", "10")
Dim an As Annotation = New Annotation()
an.Padding = 8
an.Label.Text = "Source: http://data.sanjoseca.gov/dataviews/229378/2010-2015-san-jose-crash-data/"
an.Orientation = dotnetCHARTING.Orientation.Bottom
an.Position = New Point(250, 172)
an.ClearColors()
Chart.Annotations.Add(an)
Chart.ShadingEffectMode = ShadingEffectMode.None
Chart.Palette = New Color() { }
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<dnc:Chart ID="Chart" runat="server" style="max-width:740px;max-height:240px;margin:0px auto;"/>
</body>
</html>
- Sample FilenameJsCalendarInjuries.aspx
- Version9.1
- Uses DatabaseNo