Focal Point
[SOLVED] Color of bubbles in a Bubble Map

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/7747039096

November 20, 2018, 08:31 AM
Danny-SRL
[SOLVED] Color of bubbles in a Bubble Map
Bubble

I created this Bubble Map.
How can one choose the colors of the bubbles?

This message has been edited. Last edited by: FP Mod Chuck,


Daniel
In Focus since 1982
wf 8.202M/Win10/IIS/SSA - WrapApp Front End for WF

November 20, 2018, 08:48 AM
BabakNYC
I think you'll have to set the colors in the stylesheet. I see nothing that'll let you pick the color for each dot within the GUI.


WebFOCUS 8206, Unix, Windows
November 20, 2018, 02:58 PM
Danny-SRL
Babak,
Do you know how to set the colors in the stylesheet? What are the JS parameters for that?


Daniel
In Focus since 1982
wf 8.202M/Win10/IIS/SSA - WrapApp Front End for WF

November 20, 2018, 03:07 PM
BabakNYC
I haven't tried it but I think it's "colorScale". if you search for that in the .sty you'll see a bunch of colors. Test the colors by changing one or two to see if it effects yours.


WebFOCUS 8206, Unix, Windows
November 21, 2018, 07:05 AM
Tony A
quote:
I created this Bubble Map.

Hi Danny,

What did you create this in? App Studio, InfoAssist, text editor?

Also, what chart type are you using? I am guessing the HTML5 Extension "World Choropleth and Bubble Map".

T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
November 21, 2018, 07:33 AM
Tony A
Ok, I think I know what chart you are using.

If I am correct, then the code you need is something like this -
*GRAPH_JS
yaxis: {mode: 'color', colorScale: {colors: ['red', 'white', 'blue']
}}
*END

Documentation in wfjschart manual (8.0.09 is the one I have) page 489 - Adjusting the Heat Scale on Choropleth Maps


T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
November 22, 2018, 01:13 AM
Danny-SRL
quote:
*GRAPH_JS
yaxis: {mode: 'color', colorScale: {colors: ['red', 'white', 'blue']
}}
*END


And not limited to 3 colors:
colors: ['red', 'orange', 'yellow', 'green', 'blue', 'indigo' , 'violet']

It worked like a charm!
Thanks, Tony.


Daniel
In Focus since 1982
wf 8.202M/Win10/IIS/SSA - WrapApp Front End for WF

November 22, 2018, 03:14 AM
Tony A
My pleasure as always Danny.

T