Adding legend for conditional coloring

Answered

Follow

Alina Lotman

November 07, 2017 20:01

Hi,

I'd like to be able to add a legend for the conditional coloring I am using in my widget i.e. something like this: 

Where I can specify what every color means.

Does anyone know how to implement this?

1

• 

  Lidor Rosencovich January 03, 2018 11:37

  Hi Alina,

  In order to do so, you can use the following widget script example and apply it to your chart.

  It basically adds 3 more invisible series with a name and a color - the legend will be shown with the same names and colors and you won't see additional series on your chart.

  widget.on('beforeviewloaded', function(sender, ev){ 
   // define your titles and colors to be added to the legend
   var legends = [
   {name:"LAGS STANDARD", color:"#fc7570"},
   {name:"MEETS STANDARD", color: "#00a808"},
   {name:"LEADS STANDARD", color: "#ffff01"}
   ]
   
   _.each(legends, function(val){
   ev.options.series.push(
   {
   name: val.name,
   color: val.color,
   visible: false
   }
   );
   });
  });

  Regards,

  Lidor

  1

  Comment actions Permalink
• 

  Pramata Corporation February 04, 2019 09:37

  Hi Lidor,

   

  Is there a way this script can be used in an Area Map widget?

   

  Thanks

  Mark

  1

  Comment actions Permalink
• 

  Salma Cherif February 17, 2020 11:46

  Hi Mark, 

  I was wondering if you found a way to use this script on an Area Map widget because I am facing the same problem now 

  Thanks in advance 

  Salma,

  1

  Comment actions Permalink
• 

  Sam Nicholls February 19, 2020 19:46

  Samesies.. need a legend for an Area Map.  Any suggestions are greatly appreciated.

  0

  Comment actions Permalink

Please sign in to leave a comment.