How to set a column to a HatchStyle

2 posts, 0 answers
  1. Daryl
    Daryl avatar
    6 posts
    Member since:
    Jan 2017

    Posted 28 Aug 2017 Link to this post

    Using the Chart that comes with Visual Studios I can set the Hatch Style of a particular column with the code below. I need to know how to do the same using the RadChartView.

                                    this.ChtEvolution.Series[0].Points[16].BackHatchStyle = ChartHatchStyle.BackwardDiagonal;
                                    this.ChtEvolution.Series[1].Points[16].BackHatchStyle = ChartHatchStyle.BackwardDiagonal;
                                    this.ChtEvolution.Series[2].Points[16].BackHatchStyle = ChartHatchStyle.BackwardDiagonal;
                                    this.ChtEvolution.Series[3].Points[16].BackHatchStyle = ChartHatchStyle.BackwardDiagonal;
                                    this.ChtEvolution.Series[4].Points[16].BackHatchStyle = ChartHatchStyle.BackwardDiagonal;
                                    this.ChtEvolution.Series[5].Points[16].BackHatchStyle = ChartHatchStyle.BackwardDiagonal;


  2. Hristo
    Hristo avatar
    1522 posts

    Posted 29 Aug 2017 Link to this post

    Hi Daryl,

    Thank you for writing.

    The hatch styles used by the standard chart control are not supported out of the box. RadChartView, however, exposes a powerful API for customizing the looks of the painted elements and you can achieve your task by using a custom renderer:

    I am sending you attached a sample project demonstrating the suggested approach. I am also attaching a screenshot showing the result on my end.

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

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 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