<div dir="ltr"><div>Hi Erik,</div><div><br></div>The legend predates when we were attempting to normalize how colors are represented. It looks like it expects a valid CSS representation of color. You can use the method <a href="https://github.com/OpenGeoscience/geojs/blob/master/src/util/init.js#L305">geo.util.convertColorToHex</a> to convert anything accepted elsewhere in geojs to a hex string.<div><br></div><div>Jon</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Dec 15, 2016 at 11:29 AM, Olsen.Erik <span dir="ltr"><<a href="mailto:Olsen.Erik@ensco.com" target="_blank">Olsen.Erik@ensco.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div lang="EN-US" link="#0563C1" vlink="#954F72">
<div class="m_7291842381420097530WordSection1">
<p class="MsoNormal">All,<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">I have been trying to set a custom color for my rectangles in a LegendWidget I am using. I was looking into the provided example code that said that the fillColor could be a string or object. Is there an example of how the fillColor object
should be constructed? <u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Here is some example code of what I’m trying to do:<u></u><u></u></p>
<p class="MsoNormal">Note that the uilayer is a reference to a layer that I already made before instantiating the legendWidget.
<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<pre style="background:white"><b><span style="font-size:9.0pt;color:navy">var </span></b><span style="font-size:9.0pt;color:black">legend = </span><b><span style="font-size:9.0pt;color:green">uilayer</span></b><span style="font-size:9.0pt;color:black">.createWidget(</span><b><span style="font-size:9.0pt;color:green">'legend'</span></b><span style="font-size:9.0pt;color:black">, {<br> position : {<br> bottom : </span><span style="font-size:9.0pt;color:blue">0</span><span style="font-size:9.0pt;color:black">,<br> right: </span><span style="font-size:9.0pt;color:blue">0<br> </span><span style="font-size:9.0pt;color:black">}<br>});<u></u><u></u></span></pre>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal" style="background:white"><span style="font-size:9.0pt;font-family:"Courier New";color:black">legend.categories([{<br>
name : </span><b><span style="font-size:9.0pt;font-family:"Courier New";color:green">"Test"</span></b><span style="font-size:9.0pt;font-family:"Courier New";color:black">,<br>
style: {<br>
fill : </span><b><span style="font-size:9.0pt;font-family:"Courier New";color:navy">true</span></b><span style="font-size:9.0pt;font-family:"Courier New";color:black">,<br>
fillColor: {</span><b><span style="font-size:9.0pt;font-family:"Courier New";color:green">'r'
</span></b><span style="font-size:9.0pt;font-family:"Courier New";color:black">: </span>
<span style="font-size:9.0pt;font-family:"Courier New";color:blue">1</span><span style="font-size:9.0pt;font-family:"Courier New";color:black">,
</span><b><span style="font-size:9.0pt;font-family:"Courier New";color:green">'b'
</span></b><span style="font-size:9.0pt;font-family:"Courier New";color:black">: </span>
<span style="font-size:9.0pt;font-family:"Courier New";color:blue">1</span><span style="font-size:9.0pt;font-family:"Courier New";color:black">,
</span><b><span style="font-size:9.0pt;font-family:"Courier New";color:green">'g'</span></b><span style="font-size:9.0pt;font-family:"Courier New";color:black">:
</span><span style="font-size:9.0pt;font-family:"Courier New";color:blue">0</span><span style="font-size:9.0pt;font-family:"Courier New";color:black">}<br>
},<br>
type : </span><b><span style="font-size:9.0pt;font-family:"Courier New";color:green">'rect'<br>
</span></b><span style="font-size:9.0pt;font-family:"Courier New";color:black">}]);<u></u><u></u></span></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">I was under the assumption that the color object would be an rgb object with values 0 to 1 as I have seen in other places in the geo.js code (specifically the geoJson reader)<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Any help would be appreciated.<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Thanks,<u></u><u></u></p>
<p class="MsoNormal">Erik<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
</div>
<br>
<hr>
<br>
<h5><font style="color:#969696">The information contained in this email message is intended only for the use of the individual(s) to whom it is addressed and may contain information that is privileged and sensitive. If you are not the intended recipient, or
otherwise have received this communication in error, please notify the sender immediately by email at the above referenced address and note that any further dissemination, distribution or copying of this communication is strictly prohibited.
<br>
<br>
The U.S. Export Control Laws regulate the export and re-export of technology originating in the United States. This includes the electronic transmission of information and software to foreign countries and to certain foreign nationals. Recipient agrees to abide
by these laws and their regulations -- including the U.S. Department of Commerce Export Administration Regulations and the U.S. Department of State International Traffic in Arms Regulations -- and not to transfer, by electronic transmission or otherwise, any
content derived from this email to either a foreign national or a foreign destination in violation of such laws.
</font></h5>
</div>
<br>______________________________<wbr>_________________<br>
Geojs-users mailing list<br>
<a href="mailto:Geojs-users@public.kitware.com">Geojs-users@public.kitware.com</a><br>
<a href="http://public.kitware.com/mailman/listinfo/geojs-users" rel="noreferrer" target="_blank">http://public.kitware.com/<wbr>mailman/listinfo/geojs-users</a><br>
<br></blockquote></div><br></div>