shapes

хранит конфигурации фигур диаграммы

Example

webix.ui({
  view: "diagram-editor",
  shapes: [
    {
      id: "circle",
      backgroundColor: "#65C0B7",
      fontColor: "#fff",
      group: "block",
      // ...
 
    },
    // другие фигуры
 
  ]
});

Массив shapes хранит настройки фигур диаграммы. С помощью этого массива вы можете определить для фигур свои настройки по умолчанию:

shapes: [
  {
    id: "action", 
    name: "Add to cart", 
    backgroundColor:"#F67B72", 
    lineColor:"#F67B72", 
    fontColor:"#fff"
  },
]

или добавить свои фигуры:

shapes: [
  { 
    id: "laptop", 
    svg:'<svg width="60" height="60" viewBox="0 0 60 60">...</svg>',
    backgroundColor:"#fff"
  }
]

Смотрите полный список возможных полей фигур в этой статье.

Наверх