how to remove vertical gridline in kendo react chart? please give me an example

1 Answer 758 Views
Charts
Noor
Top achievements
Rank 1
Iron
Noor asked on 17 Mar 2022, 02:45 AM
how to remove vertical gridline in kendo react chart?
please give me an example

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 17 Mar 2022, 02:12 PM

Hi Noor,

Thank you for reaching out to us.

For removing the grid lines in question, you can set the "majorGridLines" "visible" property of the ChartCategoryAxisItem" to "false":

    <ChartCategoryAxis>
      <ChartCategoryAxisItem
        categories={categories}
        startAngle={45}
        majorGridLines={{ visible: false }}
      />
    </ChartCategoryAxis>

Here is an example with the above configuration:

Please give this a try and let us know if further questions on this matter arise.

 

Regards,
Konstantin Dikov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Charts
Asked by
Noor
Top achievements
Rank 1
Iron
Answers by
Konstantin Dikov
Telerik team
Share this question
or