Gallery
JS Calendar Csv Data
<%@ 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 = 800;
Chart.Height = 240;
Chart.TempDirectory = "temp";
Chart.Debug = false;
Chart.TitleBox.Label.Text = "Automobile Unit Sales 2020";
Chart.TitleBox.Label.Font = new Font("Tahoma", 10, FontStyle.Bold);
Chart.TitleBox.ClearColors();
//Chart.ChartArea.ClearColors();
//JS settings
Chart.JS.Enabled = true;
Chart.JS.Data = "../../data/resources/CarSales_2020.csv";
Chart.JS.Calendar.Type = JsOptions.CalendarView.Year;
Chart.JS.Buttons.EnableExportButton = false;
Chart.JS.Buttons.EnablePrintButton = false;
Chart.ShadingEffectMode = ShadingEffectMode.None;
Chart.DefaultElement.ToolTip = "<b>{%date:date D}</b><br> %zValue cars sold";
Chart.DefaultSeries.LegendEntry.Value = "Total: %zSum";
Chart.Palette = new Color[] { };
Chart.LegendBox.ClearColors();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<div align="center">
<dnc:Chart ID="Chart" runat="server" />
</div>
</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 = 800
Chart.Height = 240
Chart.TempDirectory = "temp"
Chart.Debug = False
Chart.TitleBox.Label.Text = "Automobile Unit Sales 2020"
Chart.TitleBox.Label.Font = New Font("Tahoma", 10, FontStyle.Bold)
Chart.TitleBox.ClearColors()
'Chart.ChartArea.ClearColors();
'JS settings
Chart.JS.Enabled = True
Chart.JS.Data = "../../data/resources/CarSales_2020.csv"
Chart.JS.Calendar.Type = JsOptions.CalendarView.Year
Chart.JS.Buttons.EnableExportButton = False
Chart.JS.Buttons.EnablePrintButton = False
Chart.ShadingEffectMode = ShadingEffectMode.None
Chart.DefaultElement.ToolTip = "<b>{%date:date D}</b><br> %zValue cars sold"
Chart.DefaultSeries.LegendEntry.Value = "Total: %zSum"
Chart.Palette = New Color() { }
Chart.LegendBox.ClearColors()
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<div align="center">
<dnc:Chart ID="Chart" runat="server" />
</div>
</body>
</html>
- Sample FilenameJsCalendarCsvData.aspx
- Version9.1
- Uses DatabaseNo