Hide the horizontal top / bottom lines of Chart

[Hao]

Hi there,

I am creating a Chart Component. Everything works perfect except that my customer wants to hide the top / bottom horizontal lines (see the attached picture). I know I can use AxisModel to set the primaryYAxis invisible. But it doesn't work with the top / bottom lines.

Many thanks!

Regards,

Hao

[Swetha Babu]

Hi Hao,

Greetings from Syncfusion.

We suggest you to set the width property in border as 0 of the chartArea to achieve your requirement. Please find the below stackblitz link for your sample reference.

Sample link: https://stackblitz.com/edit/react-ugp6st?file=index.js

Code Snippet:

<ChartComponent chartArea={{ border: { width: 0 } }}></ChartComponent>

Screenshot:

If the reported scenario still persist, please modify the above sample to replicate the reported scenario. It will be helpful for us to analyze further and assist you better.

Regards,

Swetha