Import multiple polygons with different colors in the View mode

[overlapmedia]

Import multiple polygons with different colors in the View mode

[croonerg]

Hello! You could style imported components like so:

const importedComponents = myView.import(
  '{"idCounter":4,"components":[{"id":"rect_1","type":"rect","data":{"x":66,"y":36,"width":253,"height":148}},{"id":"polygon_2","type":"polygon","data":[{"x":376,"y":172},{"x":498,"y":291},{"x":625,"y":174},{"x":500,"y":57}]},{"id":"polygon_3","type":"polygon","data":[{"x":54,"y":249},{"x":234,"y":246},{"x":236,"y":225},{"x":415,"y":270},{"x":237,"y":313},{"x":235,"y":294},{"x":54,"y":292}]}]}',
);

importedComponents.forEach((c) =>
  c.setStyle({
    ...c.style,
    component: {
      ...c.style.component,
      fill: 'rgb(255, 0, 0)',
    },
  }),
);

[ralvs]

That's great @croonerg
I will try that.

Before, I have tried the approach of adding style to the import string.

ralvs@6c37a22