📄 defaultcs.aspx
字号:
<%@ Page AutoEventWireup="false" CodeBehind="DefaultCS.aspx.cs" Inherits="Telerik.ChartExamplesCS.Data.DefaultCS" Language="c#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="radc" Namespace="Telerik.WebControls" Assembly="RadChart" %>
<!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 -->
<!-- end of custom head section -->
</head>
<body class="BODY">
<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
<telerik:Header Tab="Config" runat="server" ID="Header1" NavigationLanguage="C#" NavigationControl="~/Chart/Common/ConfigNavigation.ascx"></telerik:Header>
<!-- content start -->
<table cellspacing="0" cellpadding="0" style="border: 0px;">
<tr>
<td style="WIDTH: 337px" valign="top">
<div>
<asp:Label id="lblIncorrectSettings" runat="server" Visible="False" ForeColor="Red">Incorrect value(s)!</asp:Label>
<radc:radchart id="RadChart1" LicenseFile="~\RadControls\LicenseFile.xml" Margins-Right="120px" Margins-Top="35px" Margins-Left="60px" Margins-Bottom="40px" Height="333px" Width="745px" Runat="server">
<Background MainColor="White" SecondColor="AliceBlue" ImageUrl="~/Img/ModuleBg.gif" BorderColor="218, 218, 218" FillStyle="Image"></Background>
<PlotArea MainColor="25, 192, 192, 192" SecondColor="AntiqueWhite" BorderColor="63, 128, 128, 128" FillStyle="Solid"></PlotArea>
<Legend ItemFont="Verdana, 7pt" HeightRatio="1" VSpacing="10" ItemColor="#333333" WidthRatio="1">
<Background MainColor="229, 255, 255, 255" BorderColor="63, 128, 128, 128"></Background>
</Legend>
<YAxis DefaultItemFont="Verdana, 7pt" LabelRotationAngle="0" IsZeroBased="False" SpaceToLabel="-5" MinValue="-100" MaxItemsCount="15" Step="20">
<Label Text="Y Axis" TextFont="Verdana, 10pt, style=Bold"></Label>
</YAxis>
<Title1 Text="r.a.d.chart demo" VAlignment="Top" TextFont="Arial, 12pt, style=Bold" VSpacing="10">
<Background MainColor="Gainsboro" SecondColor="White" GradientFocus="0.5" GradientFillStyle="Vertical"></Background>
</Title1>
<XAxis DefaultItemFont="Verdana, 8pt" LabelRotationAngle="0" MaxValue="5" SpaceToLabel="0" MinValue="1" Step="1">
<Label Text="X Axis" TextFont="Verdana, 10pt, style=Bold"></Label>
</XAxis>
<ChartSeriesCollection>
<radc:ChartSeries Name="Series 1" DefaultLabel="#Y">
<Items>
<radc:ChartSeriesItem YValue="-89"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-7"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-69"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-35"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="88"></radc:ChartSeriesItem>
</Items>
<Appearance MainColor="Blue" BorderColor="Black" FillStyle="Solid"></Appearance>
<LabelAppearance TextColor="Black" Distance="0" Alignment="TopCenter">
<Background MainColor="White" BorderColor="Black"></Background>
</LabelAppearance>
</radc:ChartSeries>
<radc:ChartSeries Name="Series 2" DefaultLabel="#Y">
<Items>
<radc:ChartSeriesItem YValue="-59"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-18"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-6"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="27"></radc:ChartSeriesItem>
<radc:ChartSeriesItem YValue="-62"></radc:ChartSeriesItem>
</Items>
<Appearance MainColor="Green" BorderColor="Black" FillStyle="Solid"></Appearance>
<LabelAppearance TextColor="Black" Distance="0" Alignment="TopCenter">
<Background MainColor="White" BorderColor="Black"></Background>
</LabelAppearance>
</radc:ChartSeries>
</ChartSeriesCollection>
</radc:radchart></div>
</td>
<td style="PADDING-TOP: 11px; width: 1px;" valign="top"></td>
<td><br/>
<asp:panel id="panelTitle_Legend" runat="server" Visible="False"></asp:panel></td>
</tr>
<tr>
<td colspan="3"><asp:panel id="panelData" runat="server" Visible="False"><div class="module" id="Data" style="WIDTH: 100%"><img style="MARGIN-BOTTOM: 10px" src="~/Img/moduleData.gif" runat="server" alt='module data gif.'>
<br/>
<b>Edit Series</b> (A serie is a collection of items that form a single chart -
pie, line, area, or bar)
<asp:datagrid id="dataGridSeries" runat="server" GridLines="Horizontal" AutoGenerateColumns="False" Font-Size="12" CssClass="datagrid" width="100%">
<HeaderStyle Height="30px" BackColor="#EFEDDE"></HeaderStyle>
<Columns>
<asp:TemplateColumn>
<HeaderTemplate>
Series Name
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="txtBoxSeriesName" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
Series Color
</HeaderTemplate>
<ItemTemplate>
<asp:DropDownList id="dropDownSeriesColor" runat="server">
<asp:ListItem Value="Red">Red</asp:ListItem>
<asp:ListItem Value="Green">Green</asp:ListItem>
<asp:ListItem Value="Blue">Blue</asp:ListItem>
<asp:ListItem Value="Aqua">Aqua</asp:ListItem>
<asp:ListItem Value="Lime">Lime</asp:ListItem>
<asp:ListItem Value="Maroon">Maroon</asp:ListItem>
<asp:ListItem Value="AliceBlue">AliceBlue</asp:ListItem>
<asp:ListItem Value="Beige">Beige</asp:ListItem>
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
Series Type
</HeaderTemplate>
<ItemTemplate>
<asp:DropDownList id="dropDownSeriesType" runat="server">
<asp:ListItem Value="Bar">Bar</asp:ListItem>
<asp:ListItem Value="StackedBar">StackedBar</asp:ListItem>
<asp:ListItem Value="Stacked100Bar">StackedBar100</asp:ListItem>
<asp:ListItem Value="Area">Area</asp:ListItem>
<asp:ListItem Value="StackedArea">StackedArea</asp:ListItem>
<asp:ListItem Value="Stacked100Area">StackedArea100</asp:ListItem>
<asp:ListItem Value="Line">Line</asp:ListItem>
<asp:ListItem Value="Pie">Pie</asp:ListItem>
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
Show Labels
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="checkBoxShowLabels" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
Show Values
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="checkBoxShowValues" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
Show Percent
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="checkBoxShowPercent" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
Label Offset
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="txtBoxLabelOffset" Width="81px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
Transparency<br/>
(max 255)
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="txtBoxTransparency" Width="80px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid>
<div style="FLOAT: right">
<asp:button class="button" id="btnGenNewSeries" runat="server" width="130" Text="Add New Series"></asp:button>
<asp:button class="button" id="btnRemoveSeries" runat="server" width="130" Text="Remove Last Series"></asp:button></div>
<br/>
<br/>
<br/>
<asp:button class="button" id="Button1" style="BORDER-RIGHT: #33cc00 2px solid; BORDER-TOP: #33cc00 2px solid; MARGIN-LEFT: 240px; BORDER-LEFT: #33cc00 2px solid; BORDER-BOTTOM: #33cc00 2px solid" Width="209px" runat="server" Text="APPLY CHANGES"></asp:button><br/>
<br/>
<br/>
<b>Edit values of Series Items</b> (each item is an element of a chart - a line
dot, a pie piece, or a bar)<br/>
<asp:datagrid id="dataGridData" Width="100%" Height="37px" runat="server" GridLines="Horizontal" AutoGenerateColumns="False" CssClass="datagrid">
<HeaderStyle Height="30px" BackColor="#EFEDDE"></HeaderStyle>
<Columns>
<asp:TemplateColumn>
<HeaderTemplate>
Series:
</HeaderTemplate>
<ItemTemplate>
<asp:Label id="labelSeriesName" runat="server">Label</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
A
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="txtBox3" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
B
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="TextBox4" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
C
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="TextBox5" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
D
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="TextBox6" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
E
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="TextBox2" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
F
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="TextBox7" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>
G
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="TextBox8" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn Visible="False">
<HeaderTemplate>
H
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox id="TextBox9" Width="60px" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid>
<div style="FLOAT: right">
<asp:button class="button" id="btnAddCol" Width="130" runat="server" Text="Add New Column"></asp:button>
<asp:button class="button" id="btnRemoveCol" Width="130" runat="server" Text="Remove Last Column"></asp:button></div>
<br/>
<table id="Table1" cellspacing="0" cellpadding="0" width="100%" style="border: 0px;">
<tr>
<td style="white-space: nowrap;">
<asp:Label id="Label7" runat="server">Bar width percent:</asp:Label></td>
<td>
<asp:TextBox class="textfield" id="txtBoxBarWidthPercent" runat="server"></asp:TextBox>/specifies
the width of the bars in all bar series/
</td>
</tr>
<tr>
<td>
<asp:Label id="Label8" runat="server">Bar overlap percent:</asp:Label></td>
<td>
<asp:TextBox class="textfield" id="txtBoxBarOverlapPercent" runat="server"></asp:TextBox>/specifies
the overlapping portion of two bar series/
</td>
</tr>
<tr>
<td align="center" colspan="2"><br/>
<br/>
<asp:button class="button" id="btnUpdateChart" style="BORDER-RIGHT: #33cc00 2px solid; BORDER-TOP: #33cc00 2px solid; BORDER-LEFT: #33cc00 2px solid; BORDER-BOTTOM: #33cc00 2px solid" Width="209px" runat="server" Text="APPLY CHANGES"></asp:button></td>
</tr>
</table>
</div>
</asp:panel></td>
</tr>
</table>
<img src="~/Img/codeTabsStart.gif" style="vertical-align: bottom;" runat="server" alt='module data gif' ><img src="~/img/codeTabsArrow.gif" style="vertical-align: bottom;" runat="server" alt='module data gif'><asp:button id="Button2" style="BORDER-RIGHT: 1px; BORDER-TOP: 1px; BACKGROUND-IMAGE: url(images/codeTabsXML.gif); VERTICAL-ALIGN: bottom; BORDER-LEFT: 1px; CURSOR: hand; BORDER-BOTTOM: 1px" height="47" width="90" runat="server" text=" "></asp:button><img src="~/Img/codeTabsFinish.gif" style="vertical-align: bottom" runat="server" alt='module data gif'>
<asp:Label id="Label9" runat="server" style="OVERFLOW: auto" Visible="False" Width="750">Label</asp:Label>
<!-- content end -->
<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -