How to change color of all areas in a row in jquery

[sophiejarlier]

Hi,
I am using Mapael map and I would need to change the color of all our areas in a single row..

I know I can change the color of an area as follow:

var updatedOptions = {'areas': {}, 'plots': {}};
updatedOptions.areas["sud-ouest"] = {
	attrs: {
		fill: "#f5821f"
	}
};

But how to change the color of all areas in the same time?
I tried this but it does not work:

updatedOptions.areas = {
	attrs: {
		fill: "#413a32"
	}
};
	

Thanks for your help

[neveldo]

Hello @sophiejarlier , I think the more appropriate way to update the bg color of all the area would be to generate a full JSON object (ie updatedOptions) with the new parameters for all the areas (by looping on all the available areas) and trigger the 'update' event with this object a single time. If you don't want to loop over all the areas and if all the areas share the same bg color, you just have to use map.defaultArea option. This option allows you to define or update the default bg color for all the areas. I hope it will help you !