📄 bevel.aspx

📁 掌握学习.net开发的非常好的资料
💻 ASPX
字号:
<%@ Page Language="C#" 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">

void Page_Load(Object sender,EventArgs e)
{

	Chart.Title = ".netCHARTING Sample";
	Chart.Type = ChartType.Combo;//Horizontal;
	Chart.Width = 600;
	Chart.Height = 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.
	SeriesCollection mySC = 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 | 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.
	Annotation a = new Annotation("Element: %Name \n Series: %SeriesName \n 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);
    
    
}

SeriesCollection getRandomData()
{
	SeriesCollection SC = new SeriesCollection();
	Random myR = new Random();
	for(int a = 1; a < 5; a++)
	{
		Series s = new Series();
		s.Name = "Series " + a;
		for(int b = 1; b < 5; b++)
		{
			Element e = new Element();
			e.Name = "Element " + b;
			//e.YValue = -25 + myR.Next(50);
			e.YValue = myR.Next(50);
			s.Elements.Add(e);
		}
		SC.Add(s);
	}

	// 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;
}

		</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 + -