📄 bevel.aspx
字号:
<%@ Page Language="VB" debug="true" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>
<HTML>
<HEAD>
<TITLE>.netCHARTING Sample</TITLE>
<script runat="server">
Sub Page_Load(sender As [Object], e As EventArgs)
Chart.Title = ".netCHARTING Sample"
Chart.Type = ChartType.Combo 'Horizontal;
Chart.Width = Unit.Parse(600)
Chart.Height = Unit.Parse(350)
Chart.TempDirectory = "temp"
Chart.ImageFormat = ImageFormat.Jpg
Chart.FileQuality = 95
Chart.Debug = True
' This sample will demonstrate how to give your charts some style using the bevel effect.
' First we get our data, if you would like to get the data from a database you need to use
' the data engine. See sample: features/dataEngine.aspx. Or the dataEngine tutorial in the help file.
Dim mySC As SeriesCollection = getRandomData()
' Set a background image for the chart.
Chart.Background = New Background("background.jpg")
' Make the default series a line so the image underneath can be seen better.
Chart.DefaultSeries.Type = SeriesType.Line
' Give the lines some width
Chart.DefaultSeries.Line.Width = 3
' Make the default element marker a bit bigger.
Chart.DefaultSeries.DefaultElement.Marker.Size = 12
' White text will be more clear on this image so we apply it to the axis tick marks and make the font bigger..
Chart.DefaultAxis.TickLabel.Color = Color.White
Chart.DefaultAxis.TickLabel.Font = New Font("Verdana", 8, FontStyle.Bold)
' Give the default axis grid lines a lighter color.
Chart.DefaultAxis.GridLine.Color = Color.FromArgb(130, 200, 200, 200)
' Adjust the margins.
Chart.MarginTop = 20
Chart.MarginBottom = 10
Chart.MarginLeft = 100
' XAxis labels
Chart.XAxis.Label.Text = "Element Label"
' Make the legend box text stand out more with a lighter color and bolder font.
Chart.LegendBox.Label.Color = Color.White
Chart.LegendBox.Label.Font = New Font("Verdana", 7, FontStyle.Bold)
' Make the legend box transparent and ad a bevel effect so the outline can be seen.
Chart.LegendBox.ClearColors()
Chart.LegendBox.Background.Bevel = True
' Make the title text stand out more.
Chart.TitleBox.Label.Font = New Font("Arial", 12, FontStyle.Italic Or FontStyle.Bold)
Chart.TitleBox.Label.Color = Color.FromArgb(53, 50, 111)
' Clear the title box colors to make it transparent.
Chart.TitleBox.ClearColors()
' Give the chart area a slightly transparent white color and bevel it.
Chart.ChartArea.Background.Color = Color.FromArgb(50, 255, 255, 255)
Chart.ChartArea.Background.Bevel = True
' Well also add an annotation to complete the look. See sample OnElementAnnotation.aspx for more info.
Dim a As New Annotation("Element: %Name " + ControlChars.Lf + " Series: %SeriesName " + ControlChars.Lf + " Value: %YValue")
a.Background.Color = Color.FromArgb(150, 180, 180, 220)
a.Background.Bevel = True
a.Orientation = dotnetCHARTING.Orientation.BottomRight
a.DefaultCorner = BoxCorner.Round
a.Size = New Size(120, 50)
mySC(0).Elements(1).Annotation = a
' Add the random data.
Chart.SeriesCollection.Add(mySC)
End Sub 'Page_Load
Function getRandomData() As SeriesCollection
Dim SC As New SeriesCollection()
Dim myR As New Random()
Dim a As Integer
For a = 1 To 4
Dim s As New Series()
s.Name = "Series " + a.ToString()
Dim b As Integer
For b = 1 To 4
Dim e As New Element()
e.Name = "Element " + b.ToString()
'e.YValue = -25 + myR.Next(50);
e.YValue = myR.Next(50)
s.Elements.Add(e)
Next b
SC.Add(s)
Next a
' Set Different Colors for our Series
SC(0).DefaultElement.Color = Color.FromArgb(49, 255, 49)
SC(1).DefaultElement.Color = Color.FromArgb(255, 255, 0)
SC(2).DefaultElement.Color = Color.FromArgb(255, 99, 49)
SC(3).DefaultElement.Color = Color.FromArgb(0, 156, 255)
Return SC
End Function 'getRandomData
</script>
</HEAD>
<BODY>
<DIV align="center">
<dotnet:Chart id="Chart" runat="server" Width="568px" Height="344px">
</dotnet:Chart>
</DIV>
</BODY>
</HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -