Chart Background Transparency

[Vincent Thuilot]

Hello

I would like to replicate a visual like the one attached (see that there is a radial gradient background) in Spotfire but it seems there is no option to control visual background transparency level.
As a result, all my charts have a white background or a single color background if i use dark mode. Is there maybe a workaround? 

This could enhance the overall design of a dashboard

 

[Olivier Keugue Tadaa]

Hi Vincent,

From the menu Visualizations > Canvas styling > Edit custom theme ...

You can change your styling.

Does this help?

 

[Vincent Thuilot]

Hi Olivier,

thanks for your message but i am looking for the gradient option here. I'm afraid it's not available in what you proposed.

[Vincent Thuilot]

Also, it's the page background that must be a gradient, the visual background would simply be transparent.

Hope it's clear :)

[Olivier Keugue Tadaa]

Agreed, the gradient is not supported. You can however choose transparent visual backgrounds. 

You must choose a legacy version of the "base theme on" ...  

Then choose a (solid) color for your canvas and "None" for the Visualizations. 
I know this doesn't fully answer your question 

 

[barchiel33]

Hello Vincent!

Like many things in Spotfire, you could accomplish this with JavaScript. The canvas has an element associated with it, you could querySelector it and change it's background style like any other HTML element. If you leave the visuals with a transparent background, you wouldn't need to change them. Not 100% sure on the exact coding you'd have to write, you may need something like a mutation observer in case Spotfire has some looping code to set the canvas or something. 

 

[Vincent Thuilot]

OK thanks for the suggestions Olivier and Barchiel.

I have submitted 3 ideas to maybe have something out-of-the-box that would make it easier to end-users. Each of these are complementary. 
I believe that enhancing a little bit the design options could really render some dashboards MUCH better :)

- Visual Transparency https://ideas.spotfire.com/ideas/TS-I-9697
This would allow users to have a better grip for each visual's transparency on a given page (not just 0% or 100%)

- Background Gradient Option: https://ideas.spotfire.com/ideas/TS-I-9698
This would allow to users to really enhance the background of the Canvas or of the Visualizations

- Multiple Canvas Styling https://ideas.spotfire.com/ideas/TS-I-9699
Today when we edit the Canvas Styling options, it is being applied on all pages on all visuals at once.
Having the possibility to apply a specific canvas on specific page(s) and another one to other pages could provide more flexibility.

-I also came across this: Single Visual Background: https://ideas.spotfire.com/ideas/SPF-I-4906
This one already got 72 votes and really shows the need.

Hope it helps!
Vincent