EjsChart polar, different background colors for each interval on Y-axis

[Jaco de Vries]

Hi,

We are using the EjsChart element to create a polar chart. Our Y-Axis will contain a value between 0 and 100 where interval is 20. 

This results in a chart with 5 'circles'. 

Is it possible to render the Y-Axis in such a way that each 'interval' has it's own background color? (Where the center is red and outer part green), like:

0-20: red

20-40: orange

40-60: yellow

60-80:  light green

80-100: green

Example: https://pasteboard.co/IZnAMa2.png

I imagine it would be possible by using a background image but is there a native way? That would seem like a better way because of possible scaling.

Thanks!

Edit: I have found that apparently StripLines are a way to do this. However, it doesn't render it in the correct location for me since our chart is circular..

[Durga Gopalakrishnan]

Hi Jaco, 

Greetings from Syncfusion. 

We have analysed your query. We suggest you to use DrawType as StackingColumn for first five series and as Line for last series. You can specify the points for line series based on colours you needed. We have prepared sample for your reference. Please check with the below screenshot and sample. 

 

Screenshot 

 

 

Sample 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/Polar-493795097.zip 

 

Please revert us, if you have any concerns. 

 

Regards, 

Durga G 

[Jaco de Vries]

Dear Durga,

That helped us out, thank you!

[Baby Palanidurai]

Hi Jaco, 

 

Most welcome. Kindly revert us, if you have any other concerns. We are always happy to assist you. 

 

Regards, 

Baby.