This is a migrated thread and some comments may be shown as answers.
Display of chart with synchronised table data
3 Answers 12 Views
This is a migrated thread and some comments may be shown as answers.
Ingo
Top achievements
Rank 1
Ingo asked on 16 Jan 2018, 12:12 PM

Hello Telerik Team,

i need to create a WinForm that shows data in an chart and additionally in a table under the chart.

The attached picture shows an example of the data.

The x-axis has a calendary week as unit.

The width of the column and the width of the calendary week in the chart shall be the same

The intervall (week) of the chart shall be syncronised with the column of the table.

After showing the data in the WinForm it shall be exported into one picture.

How can i achieve the needed features?

Thank You very much for Your help.

Best Regards

Ingo

3 Answers, 1 is accepted

Sort by
0
Accepted
Hristo
Telerik team
answered on 17 Jan 2018, 02:06 PM
Hi Ingo,

Thank you for writing.

It is possible to achieve the desired layout after combining our RadGridView and RadChartView controls. Regarding the grid, I can suggest creating a custom GridRowHeaderCellElement with a width equalling the applied margin to the chart. This width also needs to be adjusted with the offset of the chart`s vertical access so that grid`s columns can be aligned with the chart labels. Additionally, you may consider hiding the header row in the grid by settings its ShowColumnHeaders property to false.

Detailed information on how custom cells can be created as well as the axis settings of the chart is available in our documentation: 
I am also attaching my test project working with some sample data demonstrating how the suggested layout can be achieved. I am also attaching a screenshot showing the result on my end.

I hope this helps. Should you have other questions please do not hesitate to write back.

Regards,
Hristo
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Ingo
Top achievements
Rank 1
answered on 19 Jan 2018, 08:25 AM

Hello,

Thank You very much for Your help and the attached example projekt!

This solution is perfect.

Best Regards

Ingo

0
Hristo
Telerik team
answered on 19 Jan 2018, 12:45 PM
Hello Ingo,

I am glad that the suggested approach fits well in your actual project. 

Let me know if you need further assistance.

Regards,
Hristo
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Asked by
Ingo
Top achievements
Rank 1
Answers by
Hristo
Telerik team
Ingo
Top achievements
Rank 1
Share this question
or