Interface Container

This is a DisplayObject. You can use a container to logically group elements. You can also optionally specify transformation operations over the entire container.

 graphics: {
     items: [
         {
             tag: 'Container',
             key: 'myContainer',
             children: [
                 {
                     tag: "Text",
                     key: "rightTop",
                     point: {
                         x: op(du(d.index()), '-', px(2)),
                         y: op(du(d.value()), '-', px(58)),
                     },
                     text: "!",
                     style: { fontSize: 18, fontWeight: "bold", fill: "#5c5" },
                     textAlignment: "centerMiddle"
                 },
                 {
                     tag: "ContourShapes",
                     key: 'circs',
                     primitives: [
                         {
                             tag: 'Circle',
                             radius: 10,
                             center: {
                                 x: op(du(d.index()), '-', px(2)),
                                 y: op(du(d.value()), '-', px(60)),
                             },
                         }
                     ],
                     lineStyle: {
                         lineWidth: 3,
                         color: "#5c5"
                     }
                 }
             ],
         }
     }
 }