private void numericChartRangeControlClient1_CustomizeSeries(object sender, ClientDataSourceProviderCustomizeSeriesEventArgs e)
{
// Change the default Line view of the chart client to Area.
AreaChartRangeControlClientView areaView = new AreaChartRangeControlClientView();
e.View = areaView;
// Customize the Area view properties.
areaView.AreaOpacity = 30;
areaView.LineWidth = 1;
areaView.ShowMarkers = true;
areaView.MarkerColor = Color.Purple;
areaView.MarkerSize = 3;
// Change the Area series color.
if (e.DataSourceValue.ToString() == "Series0")
{
e.View.Color = Color.Red;
}
if (e.DataSourceValue.ToString() == "Series1")
{
e.View.Color = Color.Blue;
}
if (e.DataSourceValue.ToString() == "Series2")
{
e.View.Color = Color.Orange;
}
}
public Form1()
{
InitializeComponent();
// Assign a date-time chart client to the Range control.
rangeControl1.Client = dateTimeChartRangeControlClient1;
// Generate a data table and bind the date-time client to it.
dateTimeChartRangeControlClient1.DataProvider.DataSource = CreateChartData(50, 2);
// Specify data members to bind the client.
dateTimeChartRangeControlClient1.DataProvider.ArgumentDataMember = "Argument";
dateTimeChartRangeControlClient1.DataProvider.ValueDataMember = "Value";
dateTimeChartRangeControlClient1.DataProvider.SeriesDataMember = "Series";
// Specify the chart range control client view.
AreaChartRangeControlClientView areaView = new AreaChartRangeControlClientView();
dateTimeChartRangeControlClient1.DataProvider.TemplateView = areaView;
// Customize the area view appearance.
areaView.AreaOpacity = 90;
areaView.Color = Color.Aqua;
areaView.ShowMarkers = true;
areaView.MarkerSize = 5;
areaView.MarkerColor = Color.Red;
// Format labels of the date-time chart range control client.
dateTimeChartRangeControlClient1.GridOptions.LabelFormat = "D";
// Specify the palette name to get a nice-looking chart.
dateTimeChartRangeControlClient1.PaletteName = "Office";
// Customize grid alignment, grid spacing, snap spacing and snap alignment of the chart range control client.
dateTimeChartRangeControlClient1.GridOptions.GridAlignment = RangeControlDateTimeGridAlignment.Day;
dateTimeChartRangeControlClient1.GridOptions.GridSpacing = 1;
dateTimeChartRangeControlClient1.GridOptions.SnapSpacing = 1;
dateTimeChartRangeControlClient1.GridOptions.SnapAlignment = RangeControlDateTimeGridAlignment.Week;
// Change the date-time range of the chart range control client.
dateTimeChartRangeControlClient1.Range.Min = DateTime.Now;
dateTimeChartRangeControlClient1.Range.Max = DateTime.Now.AddDays(50);
}
public Form1()
{
InitializeComponent();
// Assign a numeric chart client to the Range control.
rangeControl1.Client = numericChartRangeControlClient1;
// Generate a list of NumericItem objects and bind the numeric chart client to it.
numericChartRangeControlClient1.DataProvider.DataSource = GenerateNumericData();
// Specify data members to bind the chart client.
numericChartRangeControlClient1.DataProvider.ArgumentDataMember = "Argument";
numericChartRangeControlClient1.DataProvider.ValueDataMember = "Value";
numericChartRangeControlClient1.DataProvider.SeriesDataMember = "Series";
// Specify the chart range control client view.
AreaChartRangeControlClientView areaView = new AreaChartRangeControlClientView();
numericChartRangeControlClient1.DataProvider.TemplateView = areaView;
// Customize the area view appearance.
areaView.AreaOpacity = 90;
areaView.Color = Color.Gray;
areaView.ShowMarkers = true;
areaView.MarkerSize = 5;
areaView.MarkerColor = Color.Red;
// Specify the palette name to get a nice-looking chart.
numericChartRangeControlClient1.PaletteName = "NatureColors";
// Change the default range of the numeric chart range control client.
numericChartRangeControlClient1.Range.Min = 4;
numericChartRangeControlClient1.Range.Max = 12;
// Customize the grid options of the numeric chart range control client.
numericChartRangeControlClient1.GridOptions.GridSpacing = 2;
numericChartRangeControlClient1.GridOptions.SnapSpacing = 1;
}
