This is a migrated thread and some comments may be shown as answers.

How to put RadChartView inside RadGridView

3 Answers 159 Views

ChartView

This is a migrated thread and some comments may be shown as answers.

Pedram asked on 10 Feb 2015, 02:48 PM

I have a radChartView and also a radGridView. I want to put Chart View on new row of Grid View. How can I perform this ?
here is my Chart View sample data code :

var series = new LineSeries {LegendTitle = "تعداد امانت بر اساس ماه", BorderWidth = 2};

series.DataPoints.Add(new CategoricalDataPoint(10, "Jan"));

series.DataPoints.Add(new CategoricalDataPoint(30, "Feb"));

series.DataPoints.Add(new CategoricalDataPoint(22, "Mar"));

series.DataPoints.Add(new CategoricalDataPoint(15, "Apr"));

series.DataPoints.Add(new CategoricalDataPoint(40, "May"));

series.DataPoints.Add(new CategoricalDataPoint(80, "Jun"));

series.DataPoints.Add(new CategoricalDataPoint(10, "Jul"));

series.DataPoints.Add(new CategoricalDataPoint(30, "Aug"));

series.DataPoints.Add(new CategoricalDataPoint(22, "Sep"));

series.DataPoints.Add(new CategoricalDataPoint(15, "Oct"));

series.DataPoints.Add(new CategoricalDataPoint(40, "Nov"));

series.DataPoints.Add(new CategoricalDataPoint(80, "Dec"));

this.radChartView1.ShowSmartLabels = true;

radChartView1.ShowLegend = true;

this.radChartView1.Series.Add(series);

I try this code but a row was added without any value :

this.radGridView1.Rows.Add("Sample", radChartView1);

3 Answers, 1 is accepted

answered on 12 Feb 2015, 04:24 PM

ChartInNewRow.png

Hello Pedram,

Thank you for writing.

In order to achieve your goal, you can use a custom GridRowElement. Here is a sample code snippet which result is illustrated on the attached screenshot. It is important to subscribe to the CreateRowInfo event at design time:

public Form1()

{

InitializeComponent();

this.radGridView1.TableElement.ViewInfo.TableAddNewRow.Height = 200;

this.radGridView1.AutoSizeColumnsMode = GridViewAutoSizeColumnsMode.Fill;

this.radGridView1.DataSource = this.categoriesBindingSource;

}

private void radGridView1_CreateRowInfo(object sender, GridViewCreateRowInfoEventArgs e)

{

if (e.RowInfo is GridViewNewRowInfo)

{

e.RowInfo = new CustomGridViewRowInfo(e.ViewInfo);

}

public class CustomGridRowElement : GridRowElement

{

private GridCellElement cellElement;

private RadChartElement radChartElement;

public CustomGridRowElement()

{

}

protected override void CreateChildElements()

{

base.CreateChildElements();

this.cellElement = new GridCellElement(null, this);

this.cellElement.StretchHorizontally = true;

this.cellElement.StretchVertically = true;

this.Children.Add(cellElement);

this.radChartElement = new RadChartElement();

this.radChartElement.View.Series.Clear();

LineSeries series = new LineSeries();