JS AxisMarkerHolidaysJP
Demonstrates holiday calendar pattern markers correlating with website traffic.
<%@ 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)
{
// This sample demonstrates holiday calendar pattern markers correlating with website traffic.
Chart.Type = ChartType.Combo;
Chart.DefaultSeries.Type = SeriesType.Line;
Chart.DefaultSeries.DefaultElement.Marker.Visible = false;
Chart.Width = 875;
Chart.Height = 480;
Chart.TempDirectory = "temp";
Chart.Debug = false;
Chart.TitleBox.Label.Text = "Japan Wikipedia Siteviews";
Chart.TitleBox.Label.Font = new Font("Tahoma", 9, FontStyle.Bold);
Chart.TitleBox.ClearColors();
Chart.ShowDateInTitle = false;
Chart.YAxis.Label.Text = "Revenue per available room per day";
Chart.YAxis.DefaultTick.Label.Text = "js:function(v){return (v/1000000)+'M'}";
Chart.DefaultElement.ToolTip = "<b>%xValue</b> %yValue<br>%percentOfSeries% of series";
Chart.LegendBox.Visible = false;
//JS settings
Chart.JS.Enabled = true;
Chart.JS.Settings.Add("defaultSeries_states_hover_line_width", "1");
DataEngine de = new DataEngine();
de.ChartObject = Chart; // Necessary to view any errors the dataEngine may throw.
de.Data = "./../../data/resources/wikipediaSiteviews.csv";
de.DataFields = "xdatetime=Date,yAxis=\"ja.wikipedia.org\"";//cvs must have header: date,total
SeriesCollection sc = de.GetSeries();
Chart.SeriesCollection.Add(sc);
Chart.XAxis.Scale = Scale.Time;
Chart.XAxis.Label.Text = "ja.wikipedia.org total pageviews from 01.01.2018 to 01.06.2018";
Chart.XAxis.Label.Font = new Font("Tahoma", 9,FontStyle.Regular);
//Set markers for holidays
AxisMarker am1 = new AxisMarker("Coming of Age Day", new Line(Color.LightBlue,5), new DateTime(2018,1, 8));
Chart.XAxis.Markers.Add(am1);
AxisMarker am2 = new AxisMarker("Foundation Day", new Line(Color.LightBlue,5), new DateTime(2018,2,12));
Chart.XAxis.Markers.Add(am2);
AxisMarker am3 = new AxisMarker("Vernal Equinox Day", new Line(Color.LightBlue,5), new DateTime(2018,3, 21));
Chart.XAxis.Markers.Add(am3);
AxisMarker am4 = new AxisMarker("Shōwa Day", new Line(Color.LightBlue,5), new DateTime(2018,4, 30));
Chart.XAxis.Markers.Add(am4);
AxisMarker am5 = new AxisMarker("Constitution Memorial Day",new Line(Color.LightBlue,5), new DateTime(2018, 5, 13));
Chart.XAxis.Markers.Add(am5);
}
</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:900px;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)
' This sample demonstrates holiday calendar pattern markers correlating with website traffic.
Chart.Type = ChartType.Combo
Chart.DefaultSeries.Type = SeriesType.Line
Chart.DefaultSeries.DefaultElement.Marker.Visible = False
Chart.Width = 875
Chart.Height = 480
Chart.TempDirectory = "temp"
Chart.Debug = False
Chart.TitleBox.Label.Text = "Japan Wikipedia Siteviews"
Chart.TitleBox.Label.Font = New Font("Tahoma", 9, FontStyle.Bold)
Chart.TitleBox.ClearColors()
Chart.ShowDateInTitle = False
Chart.YAxis.Label.Text = "Revenue per available room per day"
Chart.YAxis.DefaultTick.Label.Text = "js:function(v){return (v/1000000)+'M'}"
Chart.DefaultElement.ToolTip = "<b>%xValue</b> %yValue<br>%percentOfSeries% of series"
Chart.LegendBox.Visible = False
'JS settings
Chart.JS.Enabled = True
Chart.JS.Settings.Add("defaultSeries_states_hover_line_width", "1")
Dim de As DataEngine = New DataEngine()
de.ChartObject = Chart ' Necessary to view any errors the dataEngine may throw.
de.Data = "./../../data/resources/wikipediaSiteviews.csv"
de.DataFields = "xdatetime=Date,yAxis=""ja.wikipedia.org""" 'cvs must have header: date,total
Dim sc As SeriesCollection = de.GetSeries()
Chart.SeriesCollection.Add(sc)
Chart.XAxis.Scale = Scale.Time
Chart.XAxis.Label.Text = "ja.wikipedia.org total pageviews from 01.01.2018 to 01.06.2018"
Chart.XAxis.Label.Font = New Font("Tahoma", 9,FontStyle.Regular)
'Set markers for holidays
Dim am1 As AxisMarker = New AxisMarker("Coming of Age Day", New Line(Color.LightBlue,5), New DateTime(2018,1, 8))
Chart.XAxis.Markers.Add(am1)
Dim am2 As AxisMarker = New AxisMarker("Foundation Day", New Line(Color.LightBlue,5), New DateTime(2018,2,12))
Chart.XAxis.Markers.Add(am2)
Dim am3 As AxisMarker = New AxisMarker("Vernal Equinox Day", New Line(Color.LightBlue,5), New DateTime(2018,3, 21))
Chart.XAxis.Markers.Add(am3)
Dim am4 As AxisMarker = New AxisMarker("Showa Day", New Line(Color.LightBlue,5), New DateTime(2018,4, 30))
Chart.XAxis.Markers.Add(am4)
Dim am5 As AxisMarker = New AxisMarker("Constitution Memorial Day",New Line(Color.LightBlue,5), New DateTime(2018, 5, 13))
Chart.XAxis.Markers.Add(am5)
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:900px;margin:0px auto;"/>
</body>
</html>
Previous