26
Views
4
Comments
Solved
Charts\DonutChart overlapping and Charts\ColumnChart  color not changing

I'm encountering two significant issues with my Chart:


Problem with Overlapping Data:

I have a list of data points that are causing my DonutChart to overlap. I've tried adjusting the Legend Position to the right, but when my list grows, the DonutChart's size reduces instead of accommodating the new data.


Issue with Icon Colors:

I've successfully changed the colors in my chart as desired. However, the icons associated with the chart elements are not updating to reflect these color changes.


Could you please help me address these two challenges? I would greatly appreciate any guidance or solutions you can offer.




Solution

Hi @Abhishek Jain 

Please, Try this JSON let me know if it works,

1. DonutChart to overlap 


Enclose this in a Interaction\ScrollableArea  


OR 


 xAxis: {

 

    scrollbar: {

      enabled: true

  } }


2. Issue with Icon Colors: 

 "
series: [{

         color: '#FECB00',

        name: 'Current year'

      },

    {

        color: '#ced4da',

       name: 'Last year'

       }
   ]

  "



Thanks and Regards,
Ashutosh Hingane

Hi @Abhishek Jain can you please share oml for better understanding thanks.

Hello Abhishek, 

for changing the colour of Column chart 

https://www.outsystems.com/forums/discussion/75359/change-color-of-the-column-pie-charts/
You can refer to this link and let me know if it is useful or not.
(OML is also there for your reference.)


for Donut chart, please help us with some POC (having same problem or reproducing the same issue ) so that we will help you solve your problem


Thanks and Regards,
Akshay Deshpande

Solution

Hi @Abhishek Jain 

Please, Try this JSON let me know if it works,

1. DonutChart to overlap 


Enclose this in a Interaction\ScrollableArea  


OR 


 xAxis: {

 

    scrollbar: {

      enabled: true

  } }


2. Issue with Icon Colors: 

 "
series: [{

         color: '#FECB00',

        name: 'Current year'

      },

    {

        color: '#ced4da',

       name: 'Last year'

       }
   ]

  "



Thanks and Regards,
Ashutosh Hingane

Hi @Ashutosh Hingane 

Thanks for the solution I already found out the same solution before I was working on it and thanks by the way but it already worked.

Regards

Abhishek Jain 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.