📄 defaultcs.aspx
字号:
<%@ Register TagPrefix="radc" Namespace="Telerik.WebControls" Assembly="RadChart" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Page AutoEventWireup="false" CodeBehind="DefaultCS.aspx.cs" Inherits="Telerik.ChartExamplesCS.YAxis.DefaultCS" Language="c#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<telerik:headtag id="Headtag1" runat="server"></telerik:headtag>
<!-- custom head section -->
<style type="text/css">
table.center {margin-left:auto; margin-right:auto;}
</style>
<!-- end of custom head section -->
</head>
<body class="BODY">
<form id="mainForm" style="WIDTH: 100%" method="post" runat="server">
<telerik:header Tab="Config" id="Header1" runat="server" NavigationLanguage="C#" NavigationControl="~/Chart/Common/ConfigNavigation.ascx"></telerik:header>
<!-- content start -->
<table style="width: 94%; border: 0px;">
<tr>
<td style="vertical-align: top;">
<div style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 360px"><radc:radchart id="RadChart1" ShowLegend="False" ShowTitle="False" Margins-Right="30px" Margins-Top="30px" Margins-Left="75px" Margins-Bottom="30px" Height="300px" Width="400px" Runat="server" LicenseFile="~\RadControls\LicenseFile.xml">
<Background MainColor="242, 242, 242" GradientFillStyle="Vertical" SecondColor="White" BorderColor="Gray" FillStyle="Gradient"></Background>
<PlotArea MainColor="224, 224, 224" Corners-TopRight="Round" Corners-BottomRight="Round" Corners-RoundSize="6" GradientFillStyle="Vertical" SecondColor="Gray" BorderColor="DimGray" FillStyle="Gradient"></PlotArea>
<Legend Visible="False" ItemMark="Circle" ItemFont="Arial, 8.25pt" Location="OutsidePlotArea">
<Background MainColor="LightGray" Corners-BottomLeft="Round" Corners-TopRight="Round" Corners-BottomRight="Round" Corners-TopLeft="Round" FillStyle="Gradient" BorderColor="64, 64, 64" GradientFocus="0.5"></Background>
</Legend>
<ChartSeriesCollection>
<radc:ChartSeries CenterYOffset="0" CenterXOffset="0" Name="Series 1">
<Items>
<radc:ChartSeriesItem YValue="51">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="81">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="37">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-43">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-2">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
</Items>
<Appearance MainColor="Silver" SecondColor="Black" FillStyle="Gradient" BorderColor="DimGray"></Appearance>
<LabelAppearance TextColor="White" RotationAngle="0" TextFont="Arial, 9pt, style=Bold">
<Background MainColor=""></Background>
</LabelAppearance>
</radc:ChartSeries>
<radc:ChartSeries CenterYOffset="0" CenterXOffset="0" Name="Series 2">
<Items>
<radc:ChartSeriesItem YValue="20">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-69">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-22">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-72">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="36">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
</Items>
<Appearance MainColor="White" SecondColor="Gray" FillStyle="Gradient" BorderColor="DimGray"></Appearance>
<LabelAppearance TextColor="White" RotationAngle="0" TextFont="Arial, 9pt, style=Bold">
<Background MainColor=""></Background>
</LabelAppearance>
</radc:ChartSeries>
</ChartSeriesCollection>
<XAxis Visible="False" AutoShrink="False" AutoScale="False">
<Items>
<radc:ChartAxisItem Label="1" Value="0"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="2" Value="0"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="3" Value="0"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="4" Value="0"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="5" Value="0"></radc:ChartAxisItem>
</Items>
<Label Text="X Axis Label" HorPadding="10" VAlignment="Top" TextFont="Verdana, 12pt, style=Bold">
<Background MainColor="" BorderColor="Red"></Background>
</Label>
</XAxis>
<Title1 Text="r.a.d chart title" TextFont="Arial, 13pt, style=Bold" Visible="False" TextColor="White" Location="OutsidePlotArea">
<Background MainColor="LightGray" Corners-BottomLeft="Round" Corners-TopRight="Round" Corners-BottomRight="Round" Corners-TopLeft="Round" BorderColor="64, 64, 64"></Background>
</Title1>
<YAxis Step="20" DefaultItemFont="Arial, 9pt, style=Bold" DefaultItemColor="SaddleBrown" AxisColor="DarkOrange" AxisWidth="4" MarkLength="9" MinValue="-80" MarkWidth="2" MarkColor="DarkOrange" MaxItemsCount="15">
<Items>
<radc:ChartAxisItem Label="-80" Value="-80"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="-60" Value="-60"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="-40" Value="-40"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="-20" Value="-20"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="0" Value="0"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="20" Value="20"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="40" Value="40"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="60" Value="60"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="80" Value="80"></radc:ChartAxisItem>
<radc:ChartAxisItem Label="100" Value="100"></radc:ChartAxisItem>
</Items>
<Label Text="Y Axis Label" HorPadding="9" TextColor="Sienna" VerPadding="2" TextFont="Arial, 12pt, style=Bold" TextDirection="Left">
<Background MainColor="SeaShell" Corners-BottomLeft="Round" Corners-TopRight="Round" Corners-BottomRight="Round" Corners-RoundSize="6" Corners-TopLeft="Round" SecondColor="PeachPuff" FillStyle="Gradient" BorderColor="RosyBrown" GradientFocus="0.5"></Background>
</Label>
</YAxis>
<Gridlines PenStyle="Dot" Visible="True" Color="GhostWhite">
<VerticalGridlines PenStyle="Dot" Visible="True" Color="GhostWhite"></VerticalGridlines>
<HorizontalGridlines PenStyle="Dot" Visible="True" Color="GhostWhite"></HorizontalGridlines>
</Gridlines>
</radc:radchart></div>
</td>
<td style="vertical-align: top; text-align: right;"><div class="module" style="WIDTH: 301px; HEIGHT: 440px">
<table class="center">
<tr>
<td colspan="2"><b>Customize the Y-Axis</b></td>
</tr>
<tr>
<td><asp:label id="Label2" runat="server">Min data value:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxMinDataValue" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:label id="Label3" runat="server">Max data value:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxMaxDataValue" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:checkbox id="cbAutoScale" runat="server" Text="AutoScale"></asp:checkbox></td>
<td></td>
</tr>
<tr>
<td><asp:label id="Label4" runat="server">Min axis value:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxMinAxisValue" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:label id="Label1" runat="server">Max axis value:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxMaxAxisValue" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:label id="Label5" runat="server">Value step:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxStep" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:label id="Label6" runat="server">Label text:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxAxisLabel" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:label id="Label7" runat="server">Label alignment:</asp:label></td>
<td><asp:dropdownlist id="ddlLabelAlign" Width="100" runat="server"></asp:dropdownlist></td>
</tr>
<tr>
<td><asp:label id="Label8" runat="server">Mark length:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxMarkLength" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:label id="Label9" Width="128px" runat="server">Space to item labels:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxSpaceToItemLabels" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:label id="Label10" Width="128px" runat="server">Space to axis label:</asp:label></td>
<td><asp:textbox class="textfield" id="txtBoxSpaceToAxisLabel" runat="server"></asp:textbox></td>
</tr>
<tr>
<td><asp:checkbox id="cbZeroBased" runat="server" Text="Is zero based"></asp:checkbox></td>
<td></td>
</tr>
<tr>
<td style="width: 137">
<asp:Label id="Label11" runat="server">Label rotation angle:</asp:Label>
</td>
<td>
<asp:TextBox class="textfield" id="txtBoxRotationAngle" runat="server">0</asp:TextBox>
</td>
</tr>
<tr>
<td>
<p>Value format:</p>
</td>
<td>
<asp:DropDownList id="ddlValueFormat" Width="100px" runat="server"></asp:DropDownList>
</td>
</tr>
<tr>
<td>
Custom format:
</td>
<td>
<asp:TextBox class="textfield" id="txtBoxCustomFormat" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2"><asp:button id="Button1" style="BORDER-RIGHT: #33cc00 2px solid; BORDER-TOP: #33cc00 2px solid; BORDER-LEFT: #33cc00 2px solid; BORDER-BOTTOM: #33cc00 2px solid" Width="248px" runat="server" Text="Apply" CssClass="button"></asp:button></td>
</tr>
<tr>
<td colspan="2" align="center">
<asp:Label id="lblIncorrectSettings" runat="server" ForeColor="Red" Visible="False">Incorrect value(s)!</asp:Label>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- content end -->
<telerik:Footer runat="server" ID="Footer1"></telerik:Footer></form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -