📄 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.Hatches.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 runat="server" ID="Headtag1"></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 runat="server" id="mainForm" method="post" style="WIDTH:100%">
<telerik:Header runat="server" ID="Header1" NavigationLanguage="C#" NavigationControl="~/Chart/Common/ConfigNavigation.ascx" Tab="Config"></telerik:Header>
<!-- content start -->
<table cellspacing="0" cellpadding="0" border="0" width="94%">
<tr>
<td valign="top">
<div style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 360px">
<radc:RadChart id="RadChart1" Runat="server" Margins-Bottom="26px" Margins-Left="20px" Margins-Top="50px" Margins-Right="96px" LicenseFile="~\RadControls\LicenseFile.xml">
<Background MainColor="187, 191, 165" GradientFillStyle="Vertical" SecondColor="175, 180, 147" BorderColor="Gray" FillStyle="Hatch"></Background>
<PlotArea MainColor="175, 180, 147" Corners-BottomLeft="Round" Corners-TopRight="Round" Corners-BottomRight="Round" Corners-RoundSize="6" Corners-TopLeft="Round" GradientFillStyle="Vertical" SecondColor="216, 218, 201" BorderColor="DimGray" FillStyle="Hatch"></PlotArea>
<Legend ItemMark="Circle" ItemFont="Arial, 8.25pt" Location="OutsidePlotArea">
<Background MainColor="175, 180, 147" Corners-BottomLeft="Round" Corners-TopRight="Round" Corners-BottomRight="Round" Corners-TopLeft="Round" SecondColor="216, 218, 201" FillStyle="Hatch" BorderColor="64, 64, 64" GradientFocus="0.5"></Background>
</Legend>
<ChartSeriesCollection>
<radc:ChartSeries CenterYOffset="0" CenterXOffset="0" Name="Series 1">
<Items>
<radc:ChartSeriesItem YValue="5">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="74">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="80">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="11">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-12">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
</Items>
<Appearance MainColor="199, 243, 178" SecondColor="17, 147, 7" FillStyle="Hatch" BorderColor="DimGray" HatchStyle="DottedDiamond"></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="-72">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-39">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-90">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-39">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="54">
<Appearance MainColor=""></Appearance>
</radc:ChartSeriesItem>
</Items>
<Appearance MainColor="253, 226, 0" SecondColor="255, 156, 0" FillStyle="Hatch" BorderColor="DimGray" HatchStyle="LightDownwardDiagonal"></Appearance>
<LabelAppearance TextColor="White" RotationAngle="0" TextFont="Arial, 9pt, style=Bold">
<Background MainColor=""></Background>
</LabelAppearance>
</radc:ChartSeries>
</ChartSeriesCollection>
<XAxis DefaultItemFont="Arial, 9pt, style=Bold" DefaultItemColor="White" ShowMarks="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 VAlignment="Top">
<Background MainColor=""></Background>
</Label>
</XAxis>
<Title1 Text="r.a.d chart title" TextFont="Arial, 13pt, style=Bold" HorPadding="11" Location="OutsidePlotArea">
<Background MainColor="175, 180, 147" Corners-BottomLeft="Round" Corners-TopRight="Round" Corners-BottomRight="Round" Corners-TopLeft="Round" SecondColor="216, 218, 201" FillStyle="Hatch" BorderColor="64, 64, 64"></Background>
</Title1>
<YAxis Step="20" MarkLength="5" MinValue="-100" Visible="False" MaxItemsCount="15">
<Items>
<radc:ChartAxisItem Label="-100" Value="-100"></radc:ChartAxisItem>
<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 TextDirection="Left">
<Background MainColor=""></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 valign="top" align="right">
<div class="module" style="WIDTH: 301px; HEIGHT: 274px">
<table class="center" style="width: 280px; height: 200px;">
<tr>
<td colspan="2"><b>Set Hatched Fills</b></td>
</tr>
<tr>
<td style="height: 29px;">
<asp:Label id="Label4" runat="server">Chart Element:</asp:Label>
</td>
<td style="height: 29px;">
<asp:DropDownList id="ddlChartElement" runat="server" Width="140" AutoPostBack="True">
<asp:ListItem Value="Background">Background</asp:ListItem>
<asp:ListItem Value="Plot area">Plot area</asp:ListItem>
<asp:ListItem Value="Title">Title</asp:ListItem>
<asp:ListItem Value="Legend">Legend</asp:ListItem>
<asp:ListItem Value="Series 1">Series 1</asp:ListItem>
<asp:ListItem Value="Series 2">Series 2</asp:ListItem>
<asp:ListItem Value="Series 2 item">Series 1 item</asp:ListItem>
<asp:ListItem Value="Series 2 item">Series 2 item</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
<asp:Label id="Label1" runat="server">Main Color:</asp:Label>
</td>
<td>
<asp:DropDownList id="ddlMainColor" runat="server" Width="140"></asp:DropDownList>
</td>
</tr>
<tr>
<td>
<asp:Label id="Label2" runat="server">Second Color:</asp:Label>
</td>
<td>
<asp:DropDownList id="ddlSecondColor" runat="server" Width="140"></asp:DropDownList>
</td>
</tr>
<tr>
<td>
<asp:Label id="Label3" runat="server">Hatch Style:</asp:Label>
</td>
<td>
<asp:DropDownList id="ddlHatchStyle" runat="server" Width="140"></asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<asp:Button id="Button1" runat="server" width="160" CssClass="button" Text="Apply" style="BORDER-RIGHT: #33cc00 2px solid; BORDER-TOP: #33cc00 2px solid; BORDER-LEFT: #33cc00 2px solid; BORDER-BOTTOM: #33cc00 2px solid"></asp:Button>
</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 + -