Interactive Unit Conversion
An interactive sample which demonstrates different axis unit conversions via a web interface.
<%@ Page Language="C#" Trace="false" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="dotnetCHARTING" %>
<script runat="server">
void Page_Load(Object sender, EventArgs e)
{
if (!IsPostBack)
{
foreach (string s in Enum.GetNames(typeof(dotnetCHARTING.Length)))
LengthOptions.Items.Add(s);
for (int i = 0; i < 7; i++)
NumberPercision.Items.Add(i.ToString());
}
//set global properties
Chart.Title = "Tallest buildings in the World";
Chart.ChartArea.XAxis.Label.Text = "Building Names";
Chart.ChartArea.YAxis.Label.Text = "Hieght";
Chart.LegendBox.Position = LegendBoxPosition.None;
Chart.TempDirectory = "temp";
Chart.Debug = true;
Chart.Use3D = true;
Chart.ShadingEffect = true;
Chart.DefaultSeries.DefaultElement.ToolTip = "%yValue Feet";
Chart.DefaultSeries.DefaultElement.ShowValue = true;
Chart.DefaultSeries.DefaultElement.ForceMarker = true;
Chart.DefaultSeries.DefaultElement.Marker.Type = ElementMarkerType.FivePointStar;
Chart.DefaultSeries.DefaultElement.SmartLabel.ForceVertical = true;
Chart.YAxis.Label.Text = "Foot";
Chart.Size = "600X500";
//Adding series programatically
Series sr = new Series();
sr.Name = "Building Height";
Element el = new Element("CN Tower", 1861);
el.LabelTemplate = " Toronto";
sr.Elements.Add(el);
el = new Element("Sears Tower", 1707);
el.LabelTemplate = "Chicago";
sr.Elements.Add(el);
el = new Element("Ostankino Tower", 1771);
el.LabelTemplate = "Moscow";
sr.Elements.Add(el);
el = new Element("John Hancock Center", 1476);
el.LabelTemplate = "Chicago";
sr.Elements.Add(el);
el = new Element("Petronas Towers", 1482);
el.LabelTemplate = "Kuala Lumpur";
sr.Elements.Add(el);
el = new Element("OPB Tower", 1535);
el.LabelTemplate = "Shanghai";
sr.Elements.Add(el);
el = new Element("Jim Mao Building", 1378);
el.LabelTemplate = "Shanghai";
sr.Elements.Add(el);
el = new Element("Menara Telecom Tower", 1403);
el.LabelTemplate = "Kuala Lumpur";
sr.Elements.Add(el);
el = new Element("Empire State Building", 1454);
el.LabelTemplate = "New York";
sr.Elements.Add(el);
Chart.SeriesCollection.Add(sr);
}
void ButtonConvert_Click(Object sender, EventArgs e)
{
Axis F = Chart.YAxis.Calculate(LengthOptions.SelectedItem.Value, Length.Foot, Enum.Parse(typeof(dotnetCHARTING.Length), LengthOptions.SelectedItem.Value, true), RefreshScale.Checked);
F.Orientation = dotnetCHARTING.Orientation.Right;
F.NumberPercision = Convert.ToInt32(NumberPercision.SelectedItem.Value);
F.DefaultTick.GridLine = new Line(Color.Red, 2, System.Drawing.Drawing2D.DashStyle.DashDot);
F.ShowGrid = true;
Chart.AxisCollection.Add(F);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Length Conversion Options</title>
<style type="text/css">
body.myBody {
border-top-width: 0px;
border-left-width: 0px;
width:850px;
margin:0px auto;
}
img.myImage {
border: 0px;
}
td.myTD1 {
width: 1%;
border: 1px;
margin: 0;
}
td.myTD2 {
width: 99%;
border-collapse: collapse;
}
table.myTable {
border: 1px;
border-style: solid;
border-spacing: 0;
border-color: lightgray;
border-collapse: collapse;
margin-top:10px;
}
</style>
</head>
<body class="myBody">
<form runat="server" action="interactiveunitconversion.aspx">
<div align="center">
<table class="myTable" id="AutoNumber1">
<tr>
<td class="myTD1">
<img class="myImage" alt="dotnetChartingImage" src="../../images/dotnetCharting.gif" width="230" height="94" /></td>
<td class="myTD2">Length Options:
<asp:DropDownList ID="LengthOptions" runat="server">
</asp:DropDownList>
Decimal Places:
<asp:DropDownList ID="NumberPercision" runat="server">
</asp:DropDownList>
<asp:CheckBox ID="RefreshScale" Text="Independent Scale" Checked="true" runat="server"></asp:CheckBox>
<asp:Button ID="ButtonConvert" OnClick="ButtonConvert_Click" runat="server" Text="Convert"></asp:Button>
</td>
</tr>
</table>
<dotnet:Chart ID="Chart" runat="server" Visible="true" />
</div>
</form>
</body>
</html>
<%@ Page Language="vb" Trace="false" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="dotnetCHARTING" %>
<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
If (Not IsPostBack) Then
For Each s As String In System.Enum.GetNames(GetType(dotnetCHARTING.Length))
LengthOptions.Items.Add(s)
Next s
For i As Integer = 0 To 6
NumberPercision.Items.Add(i.ToString())
Next i
End If
'set global properties
Chart.Title = "Tallest buildings in the World"
Chart.ChartArea.XAxis.Label.Text = "Building Names"
Chart.ChartArea.YAxis.Label.Text = "Hieght"
Chart.LegendBox.Position = LegendBoxPosition.None
Chart.TempDirectory = "temp"
Chart.Debug = True
Chart.Use3D = True
Chart.ShadingEffect = True
Chart.DefaultSeries.DefaultElement.ToolTip = "%yValue Feet"
Chart.DefaultSeries.DefaultElement.ShowValue = True
Chart.DefaultSeries.DefaultElement.ForceMarker = True
Chart.DefaultSeries.DefaultElement.Marker.Type = ElementMarkerType.FivePointStar
Chart.DefaultSeries.DefaultElement.SmartLabel.ForceVertical = True
Chart.YAxis.Label.Text = "Foot"
Chart.Size = "600X500"
'Adding series programatically
Dim sr As Series = New Series()
sr.Name = "Building Height"
Dim el As Element = New Element("CN Tower", 1861)
el.LabelTemplate = " Toronto"
sr.Elements.Add(el)
el = New Element("Sears Tower", 1707)
el.LabelTemplate = "Chicago"
sr.Elements.Add(el)
el = New Element("Ostankino Tower", 1771)
el.LabelTemplate = "Moscow"
sr.Elements.Add(el)
el = New Element("John Hancock Center", 1476)
el.LabelTemplate = "Chicago"
sr.Elements.Add(el)
el = New Element("Petronas Towers", 1482)
el.LabelTemplate = "Kuala Lumpur"
sr.Elements.Add(el)
el = New Element("OPB Tower", 1535)
el.LabelTemplate = "Shanghai"
sr.Elements.Add(el)
el = New Element("Jim Mao Building", 1378)
el.LabelTemplate = "Shanghai"
sr.Elements.Add(el)
el = New Element("Menara Telecom Tower", 1403)
el.LabelTemplate = "Kuala Lumpur"
sr.Elements.Add(el)
el = New Element("Empire State Building", 1454)
el.LabelTemplate = "New York"
sr.Elements.Add(el)
Chart.SeriesCollection.Add(sr)
End Sub
Sub ButtonConvert_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim F As Axis = Chart.YAxis.Calculate(LengthOptions.SelectedItem.Value, Length.Foot, System.Enum.Parse(GetType(dotnetCHARTING.Length), LengthOptions.SelectedItem.Value, True), RefreshScale.Checked)
F.Orientation = dotnetCHARTING.Orientation.Right
F.NumberPercision = Convert.ToInt32(NumberPercision.SelectedItem.Value)
F.DefaultTick.GridLine = New Line(Color.Red, 2, System.Drawing.Drawing2D.DashStyle.DashDot)
F.ShowGrid = True
Chart.AxisCollection.Add(F)
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Length Conversion Options</title>
<style type="text/css">
body.myBody {
border-top-width: 0px;
border-left-width: 0px;
width:850px;
margin:0px auto;
}
img.myImage {
border: 0px;
}
td.myTD1 {
width: 1%;
border: 1px;
margin: 0;
}
td.myTD2 {
width: 99%;
border-collapse: collapse;
}
table.myTable {
border: 1px;
border-style: solid;
border-spacing: 0;
border-color: lightgray;
border-collapse: collapse;
margin-top:10px;
}
</style>
</head>
<body class="myBody">
<form runat="server" action="interactiveunitconversion.aspx">
<div align="center">
<table class="myTable" id="AutoNumber1">
<tr>
<td class="myTD1">
<img class="myImage" alt="dotnetChartingImage" src="../../images/dotnetCharting.gif" width="230" height="94" /></td>
<td class="myTD2">Length Options:
<asp:DropDownList ID="LengthOptions" runat="server">
</asp:DropDownList>
Decimal Places:
<asp:DropDownList ID="NumberPercision" runat="server">
</asp:DropDownList>
<asp:CheckBox ID="RefreshScale" Text="Independent Scale" Checked="true" runat="server"></asp:CheckBox>
<asp:Button ID="ButtonConvert" OnClick="ButtonConvert_Click" runat="server" Text="Convert"></asp:Button>
</td>
</tr>
</table>
<dotnet:Chart ID="Chart" runat="server" Visible="true" />
</div>
</form>
</body>
</html>
Previous