Custom Colours on Charts

I’ve been advised this feature will be available end of Q2 but don’t see a feature request in for it so just adding for reference.

At the moment, when I add a chart and go to styles, there is an option to set the colours to ‘as defined in data source’:


However, this functionality doesn’t work and you can only have charts coloured as a single colour or a random selection of colours. The random selection isn’t great as there is no control of what colour is used for what value. Example below:

In this case ‘Compete’ should show as ‘Green’, ‘In Progress’ as Orange’ etc.
We need the ability to customise what colours are used for specific values and having the ‘as defined in data source’ option would solve this issue.

2 Likes

Sent this to our team for review! It’s another initiative that we’re working on =) Thanks for sharing!

1 Like

@Jjenglert @artur I know there’s a lot going on just now with the new tables feature, comments block etc. but just wanted to try bump this one up the list again as it’s one thing stopping me from utilising the charts to show projects progress as the data looks wrong based on the random colour selections. I have tried getting custom code to work but it doesn’t work and being a no-code platform I’d hoped this functionality would be available as I’m not comfortable with using code.

2 Likes

Thanks Sarah. Let me check in with the team to see where we’re at with this. I’ll report back when I know more.

Much appreciated thank you :grinning:

1 Like

Hi Sarah! Still high on our roadmap, but doesn’t look like we will get to it until early Q3 at the moment.

1 Like

Ok thanks for getting back to me. I need a solution for project start up in July so I’ll need to look at other options for now

I see. Worse case scenario - you can embed external graphs into Softr?

We need this too :pray:

As well as the comments block :pray:

1 Like

I’ve noticed a change to allow different colour palletes to be chosen and the option to set ‘as defined in data source’ has been removed. Is this still being worked on as none of the defined colour palletes work for us. We really to be able to set it to as defined in data source to make the colours make sense:

1 Like

Same here - they don’t work for us either and we’d really like ‘as defined in data source’ :pray:

Yeah, we are definitely still working on this and understand the need our community has for it.

At the moment, this update is grouped into a bigger theme update which is slowing it down at the moment. However, we still plan to deliver on it this quarter (Q3)

1 Like

Is there any update in this topic? We also need it, as the status tags for several items don’t make sense when the colours differ from those used in the graphs.

Don’t have an update for you at the moment, but it’s known as a high priority item and we’re working on new theme elements that will incorporate custom colors on charts + calendars, among other things. Will keep this thread updated as I learn more.

1 Like

Looking forward to custom colours!

+1

1 Like

I’ve managed to add some custom code on the page to change the colours of the charts, however, because I can’t set the sort order of the values (it seems to change for no reason) - I still get incorrect outputs. See below (1st example, looks great, 2nd example is a different projects and the values are in a different order so colours don’t work)

Ideally, we want to set the chart colours to ‘As Defined In Source’ but as this is taking longer than originally expected, I’m hoping someone can help with a bit more advanced coding (my knowledge is limited) to allow the order of the values to be defined and/or specify which values the hex code colours should be used on. This is the one main thing preventing us actually using the app (we can’t launch this to clients when the colours don’t reflect the status)

Hi Sarah, we had this same issue.

I also tried the custom code (& spoke to support about it) - it jumps around when the value’s vary so it’s not usable. Support said that what I was trying to do wasn’t possible but they are working on this feature - this was 11 weeks ago.

We ended up just using the default colors (which doesn’t tally with our table colours) - hopefully this will be resolved soon :folded_hands:

That’s a pity :frowning: I was really hoping we could get a workaround.

We had to delay launching our app because of this issue and originally it was expected end of Q2, then beginning of Q3 but now I’ve had to go back to management to say I don’t know when it will be ready so we may have to look at other options which is frustrating given the time and effort put into this (it’s 95% there but it’s definitely a blocker of us as client facing so we can’t have it showing colours that don’t correctly reflect the status)

Hi @Jjenglert any update on this now that we’re in Q4?