📄 legendboxdatasource.aspx

📁 掌握学习.net开发的非常好的资料
💻 ASPX
字号:
<%@ Page Language="C#" 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.Type = ChartType.Combo;//Horizontal;
	Chart.Width = 900;
	Chart.Height = 350;
	Chart.TempDirectory = "temp";
	Chart.Debug = true;
	
	// This sample will demonstrate how to populate custom legend boxes automatically with series 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
	SeriesCollection mySC = getRandomData();
		
	// Instantiate a legend box.
	LegendBox lb = new LegendBox();
	
	// Create a data source from the mySC series collection and specify the splitInto parameter.
	DataSource tds = DataSource.FromSeriesCollection(mySC,DataSourceType.ElementGroup);
	// This datasource states that we want to series collection split into element groups which means elements
	// with the same name.
	
	// Set the source fr the legend box and add the legend to the chart.	
	lb.DataSource = tds;
	Chart.ExtraLegendBoxes.Add(lb);
	
	// Now we'll make a legend box where we'll split the series into individual elements.
	LegendBox lb2 = new LegendBox();
	// The second data source we'll create in a different way. Unit the above method it would look like this:
	// DataSource tds2 = DataSource.FromSeriesCollection(mySC,DataSourceType.Element);
	// This is a simpler way of specifying a series collection as the source.
	DataSource tds2 = mySC;
	// But now we must also specify the split into property
	tds2.SplitInto = DataSourceType.Element;
		
	//We'll show some more info about each element so we setup the columns for the legend box.
	lb2.Template = "%Name %YValue %PercentOfTotal %SeriesName %Icon";
	// Notice we wont be adding attributes for each of these columns. That's because if you use tokens in the column
	// template that pertain to the type the entries represent, they will automatically show the correct info.
	
	//We'll also orient the legend box so it's on the bottom of the chart.
	lb2.Orientation = dotnetCHARTING.Orientation.Bottom;
	
	// Set the data source and add it.
	lb2.DataSource = tds2;
	Chart.ExtraLegendBoxes.Add(lb2);
	
	// Setup a header of the second legend box. (See LegendBoxCustomHeader.aspx for more info)
	LegendEntry header2 = new LegendEntry("Name","","Icon");	
	header2.SortOrder = -1;
	header2.DividerLine.Color = Color.Blue;
	header2.LabelStyle.Font = new Font("Arial",8,FontStyle.Bold);
	header2.CustomAttributes.Add("YValue", "Value");
	header2.CustomAttributes.Add("SeriesName", "Series Name");
	header2.CustomAttributes.Add("PercentOfTotal", "POT");
	header2.HeaderMode = LegendEntryHeaderMode.RepeatOnEachColumn;

	// Add the header.
	lb2.ExtraEntries.Add(header2);
	
	// Add the random data.
	Chart.SeriesCollection.Add(mySC);

}

SeriesCollection getRandomData()
{
	SeriesCollection SC = new SeriesCollection();
	Random myR = new Random();
	for(int a = 0; a < 4; a++)
	{
		Series s = new Series();
		s.Name = "Series " + a;
		for(int b = 0; b < 4; 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 + -