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