Hi Nikhil,

I tried that too but didn't help, After doing that it would appear like this

Rather I want the legends to display horizontally

Thank you for the response,

The JSON is working to reduce the thickness but not for the legend position, Its still aligning vertically.

Increase the width of parent container or wrapper(So that lengends get the required space to align horizontally) of the chart. As I did in the shared oml.
Also check the Demo here.

Please check and let me know if it works.

Hi Krishna,

I understand that it would work when I increase the width but my requirement is to display the chart within 2 col width and need to show 6 charts in a single horizontal line. In that case is there any way I could reduce the font-size of the legend labels and make the legends alignment to be horizontal?

Regards,

Shree

Hi @Shreelakshmi Shivaramu
If you want customize to the legends style(like font size of label) then use the below
JSON snippet :

"plotOptions: {
      pie: {
          innerSize: '80%'
      }
  },
  legend: {
        itemDistance: 2,
        symbolPadding:1,
        itemStyle: {
                 fontSize:'10px'
              },
    },
  "

itemDistance is the distance between legends.

symbolPadding is the distance between legend symbol and label.
Adjust the fontSize as per your requirement.

Regards
Krishnanand Pathak




 

This is not working for me

It is working, You can check the Demo.
Sharing the oml for better understanding.

I want to reduce thickness of this donut, the circle thickness, 

"{    title: {        text:' Total User "+ CardTotalUsers.Current.Value+"',        align: 'center',         verticalAlign: 'top',        style: {            fontWeight: 'bold',            fontSize: 15        }    }    plotOptions: {      pie: {          innerSize: '80%'      }  }}", 

Have you check the oml and demo shared above. I have reduced the circle thickness as you can see in demo.
Or you can share the oml if possible.

Hi @Shreelakshmi Shivaramu,

Is the above solution worked for you?

Regards
Krishnanand Pathak

Thank you it worked for me