Selecting all shapes

[arno]

Hi,

I am attempting to select all shapes in order to apply a new color to all of them.
I started off with the kendo geojson demo for the map where a color is applied to every country (shape) when created using the shapeCreated event.

shapeCreated= function(e){
        var shape = e.shape;
        var users = shape.dataItem.properties.users;
        var scale = chroma.scale(["white", "green"]).domain([1, 1000]);
        if (users) {
            var color = scale(users).hex();
            shape.options.fill.set("color", color);
        }
    }

but I don't find a way to now change this once the shape is created.How do I loop through the shapes and apply a new color?

Also, the normal charts have .redraw() and refresh() methods, the map doesn't seem to have something like this? How do I refresh the map when something fundamental changes?

Thanks in advance,

Arno

 

[T. Tsonev]

Hello,

The shape references that you receive in shapeCreated remain live until the next time the map is reset or new data comes in through the layer data source.
You can store the references and reapply changes to all properties later:
var shapes = [];
shapeCreated: function(e) {
  shapes.push(e.shape);
  ...
}

...

shapes[1].fill("red");

Changes to widget settings should go through setOptions. There is no need for a redraw or refresh call.

I hope this helps.

Regards,
T. Tsonev
Telerik

 

 

[arno]

Ha ok, never used the setOptions, will have a look.

thank you!