📄 axistickoverrides.aspx
字号:
<%@ Page Language="VB" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Drawing2D" %>
<HTML>
<HEAD>
<TITLE>.netCHARTING Sample</TITLE>
<script runat="server">
Sub Page_Load(sender As Object, e As EventArgs)
Chart.Type = ChartType.Combo
Chart.Width = new unit(600)
Chart.Height = new unit(350)
Chart.TempDirectory = "temp"
Chart.Debug = True
Chart.Title = "Axis tick overrides"
' This sample will demonstrate how axis ticks can be
' used to change the properties of other automatically generated ticks.
' Sample shows:
' 1 - Overriding a numeric tick with text.
' 2 - Overriding a range of ticks with new properties
' 3 - Overriding a text tick.
' 1. OVERRIDE NUMERIC TICK WITH TEXT
' Interval is set to ensure we have a tick a 40 and set a format
Chart.YAxis.Interval = 20
Chart.YAxis.FormatString = "Currency"
' Setup the tick
Dim at As New AxisTick(40, "Forty")
' The rest of modifications are not necessary, just here for demo purposes.
at.Label.Font = New Font("Verdana", 12)
at.Label.Color = Color.Orange
at.Line.Length = 10
at.Line.Color = Color.Orange
at.GridLine.Color = Color.Orange
at.GridLine.DashStyle = DashStyle.Dash
at.GridLine.Width = 2
'Add the tick
Chart.YAxis.ExtraTicks.Add(at)
' 2. OVERRIDE A NUMERIC RANGE
' Setup the tick. A dateTime range can also be used for time axes.
Dim at2 As New AxisTick(- 1000, - 1)
' This property will ensure the tick overrides the range instead of becoming a range tick.
at2.OverrideTicks = True
' The rest of modifications are not necessary, just here for demo purposes.
at2.Label.Color = Color.Red
at2.GridLine.Color = Color.FromArgb(75, Color.Red)
'Add the tick
Chart.YAxis.ExtraTicks.Add(at2)
' 3. OVERRIDE A TEXT TICK WITH TEXT
' Setup the tick.
Dim at3 As New AxisTick("Element 1")
' Override the tick label color setting.
at3.Label.Color = Color.Red
' Add the tick
Chart.XAxis.ExtraTicks.Add(at3)
' 4. OVERRIDE A TEXT TICK WITH IMAGE
' Setup a single value axis tick and add it.
Dim at4 As New AxisTick("Element 2")
' The tick's Marker property is set with an image marker.
at4.Marker = New ElementMarker("us.png")
Chart.XAxis.ExtraTicks.Add(at4)
' 5. ADD DATA
' *DYNAMIC DATA NOTE*
' This sample uses random data to populate the chart. To populate
' a chart with database data see the following resources:
' - Classic samples folder
' - Help File > Data Tutorials
' - Sample: features/DataEngine.aspx
Chart.SeriesCollection.Add(getRandomData())
End Sub 'Page_Load
Function getRandomData() As SeriesCollection
Dim SC As New SeriesCollection()
Dim myR As New Random(2)
Dim a As Integer
For a = 0 To 3
Dim s As New Series()
s.Name = "Series " & a
Dim b As Integer
For b = 0 To 3
Dim e As New Element()
e.Name = "Element " & b
'e.YValue = -25 + myR.Next(50);
e.YValue = - 100 + myR.Next(200)
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 + -