LIMA Factory
Top achievements
Rank 1
Rank 1
LIMA Factory
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
0
Accepted
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
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:
- https://docs.telerik.com/devtools/winforms/gridview/cells/creating-custom-cells
- https://docs.telerik.com/devtools/winforms/chartview/axes/categorical
- https://docs.telerik.com/devtools/winforms/chartview/axes/plot-mode
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
LIMA Factory
Top achievements
Rank 1
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
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
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.