Gallery
JS Calendar Cultures
<%@ 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 using a specific formatting culture.
Chart.Type = ChartType.Calendar;
Chart.TempDirectory = "temp";
Chart.Size = "740x180";
Chart.Debug = false;
Chart.TitleBox.Visible = false;
Chart.LegendBox.Visible = false;
Chart.JS.Enabled = true;
Chart.JS.RenderCallback = "callbackFunc";
Chart.DefaultCultureName = "es-MX";
Chart.JS.Data = "./../../data/resources/CarSales_2020.csv";
Chart.JS.Calendar.Type = JsOptions.CalendarView.Year;
Chart.ShadingEffectMode = ShadingEffectMode.None;
Chart.Palette = new Color[] { };
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<div style="font-family:Tahoma;font-size: 12px;max-width: 700px;height: 25px;margin: 0px auto;">
Culture settings will format all labels:
<select id="cultures" style="width:90px;" onchange="setCulture(value)">
<option value="es-MX" selected="selected">es-MX</option>
<option value="en-US">en-US</option>
<option value="pl-PL">pl-PL</option>
<option value="de-DE">de-DE</option>
<option value="fr-FR">fr-FR</option>
<option value="ja-JP">ja-JP</option>
</select>
</div>
<div align="center">
<dnc:Chart ID="Chart" runat="server"/>
</div>
<script type="text/javascript">
var setCulture;
function callbackFunc(chart) {
setCulture = function(val) {
chart.options({ defaultCultureName: val });
}
}
</script>
</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 using a specific formatting culture.
Chart.Type = ChartType.Calendar
Chart.TempDirectory = "temp"
Chart.Size = "740x180"
Chart.Debug = False
Chart.TitleBox.Visible = False
Chart.LegendBox.Visible = False
Chart.JS.Enabled = True
Chart.JS.ControlID = "myJSC"
Chart.DefaultCultureName = "es-MX"
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.Palette = New Color() { }
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<div style="font-family:Tahoma;font-size: 12px;max-width: 700px;height: 25px;margin: 0px auto;">
Culture settings will format all labels:
<select id="cultures" style="width:90px;" onchange="setCulture(value)">
<option value="es-MX" selected="selected">es-MX</option>
<option value="en-US">en-US</option>
<option value="pl-PL">pl-PL</option>
<option value="de-DE">de-DE</option>
<option value="fr-FR">fr-FR</option>
<option value="ja-JP">ja-JP</option>
</select>
</div>
<div align="center">
<dnc:Chart ID="Chart" runat="server" style="max-width:740px;margin:0px auto;"/>
</div>
<script type="text/javascript">
function setCulture(val) {
myJSC.options({defaultCultureName:val});
}
</script>
</body>
</html>
- Sample FilenameJsCalendarCultures.aspx
- Version9.1
- Uses DatabaseNo