📄 defaultvb.aspx
字号:
<%@ 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" Inherits="Telerik.ChartExamplesVB.Configurator.Elements.Data.DefaultVB" CodeBehind="DefaultVB.aspx.vb" Language="vb" %>
<%@ 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 runat="server" ID="Header1" NavigationLanguage="VB" Tab="Config" NavigationControl="~/Chart/Common/ConfigNavigationVB.ascx"></telerik:Header>
<!-- content start -->
<table cellSpacing="0" cellPadding="0" border="0">
<tr>
<td vAlign="top" width="337">
<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 vAlign="top" width="1"></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"><SPAN class="module" id="Data" style="WIDTH: 100%"><IMG id="Img1" style="MARGIN-BOTTOM: 10px" src="~/Img/moduleData.gif" runat="server"> <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" width="100%" CssClass="datagrid" Font-Size="12" AutoGenerateColumns="False" GridLines="Horizontal">
<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" runat="server" Width="209px" 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" runat="server" Width="100%" Height="37px" CssClass="datagrid" AutoGenerateColumns="False" GridLines="Horizontal">
<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" runat="server" Width="130" Text="Add New Column"></asp:button>
<asp:button class="button" id="btnRemoveCol" runat="server" Width="130" Text="Remove Last Column"></asp:button></DIV><BR>
<TABLE id="Table1" cellSpacing="0" cellPadding="0" width="100%" border="0">
<TR>
<TD 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="middle" 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" runat="server" Width="209px" Text="APPLY CHANGES"></asp:button></TD>
</TR>
</TABLE></SPAN>
</asp:panel></td>
</tr>
</table>
<IMG src="~/Img/codeTabsStart.gif" align="bottom" runat="server" ID="Img2"><IMG src="~/img/codeTabsArrow.gif" align="bottom" runat="server" ID="Img3"><asp:button id="Button2" style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BACKGROUND-IMAGE: url(images/codeTabsXML.gif); BORDER-BOTTOM-WIDTH: 1px; VERTICAL-ALIGN: bottom; CURSOR: hand; BORDER-RIGHT-WIDTH: 1px" Height="47" Width="90" runat="server" Text=" "></asp:button><IMG src="~/Img/codeTabsFinish.gif" align="bottom" runat="server" ID="Img4">
<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 + -