Display of chart with synchronised table data

4 posts, 1 answers
  1. Ingo
    Ingo avatar
    21 posts
    Member since:
    Apr 2016

    Posted 16 Jan 2018 Link to this post

    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

  2. Answer
    Hristo
    Admin
    Hristo avatar
    1519 posts

    Posted 17 Jan 2018 Link to this post

    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.
  3. Ingo
    Ingo avatar
    21 posts
    Member since:
    Apr 2016

    Posted 19 Jan 2018 Link to this post

    Hello,

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

    This solution is perfect.

    Best Regards

    Ingo

  4. Hristo
    Admin
    Hristo avatar
    1519 posts

    Posted 19 Jan 2018 Link to this post

    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.
Back to Top